const obj = { a: 1, b: 2, c: 3 };

for (const key in obj) {
  console.log(key);          // 'a', 'b', 'c'
  console.log(obj[key]);     // 1, 2, 3
}

const arr = ['x', 'y', 'z'];

for (const i in arr) {
  console.log(i);        // '0', '1', '2'  ← строки, не числа!
  console.log(arr[i]);   // 'x', 'y', 'z'
}

const arr = ['x', 'y', 'z'];

for (const value of arr) {
  console.log(value);    // 'x', 'y', 'z'  ← сразу значение
}

const obj = { a: 1, b: 2 };
for (const x of obj) { }  // ❌ TypeError: obj is not iterable

const parent = { inherited: 'from proto' };
const child = Object.create(parent);
child.own = 'own property';

for (const key in child) {
  console.log(key);  // 'own', 'inherited'  ← оба!
}

for (const key of Object.keys(child)) {
  console.log(key);  // 'own'  ← только свои
}

const obj = { b: 1, a: 2, 10: 3, 2: 4 };
for (const k in obj) console.log(k);
// '2', '10', 'b', 'a'  ← числовые ключи идут первыми и отсортированы

// Строка
for (const ch of 'hi') console.log(ch);  // 'h', 'i'

// Map
const map = new Map([['a', 1], ['b', 2]]);
for (const [key, value] of map) {
  console.log(key, value);  // 'a' 1, 'b' 2
}

// Set
for (const v of new Set([1, 2, 3])) console.log(v);  // 1, 2, 3

// Генератор
function* gen() { yield 1; yield 2; }
for (const x of gen()) console.log(x);  // 1, 2

// Упрощённо, for...of для массива эквивалентен:
const iterator = arr[Symbol.iterator]();
let res = iterator.next();
while (!res.done) {
  const value = res.value;
  // тело цикла
  res = iterator.next();
}

const obj = {
  a: 1,
  b: 2,
  [Symbol.iterator]() {
    const values = Object.values(this);
    let i = 0;
    return {
      next: () => i < values.length
        ? { value: values[i++], done: false }
        : { value: undefined, done: true },
    };
  },
};

for (const v of obj) console.log(v);  // 1, 2  ← теперь работает

for (const key of Object.keys(obj)) { }
for (const [key, value] of Object.entries(obj)) { }

for (const item of array) { }
for (const ch of string) { }
for (const [k, v] of map) { }
for (const v of set) { }

const obj = { a: 1, b: 2 };

for (const [key, value] of Object.entries(obj)) {
  console.log(key, value);  // 'a' 1, 'b' 2
}

Array.prototype.myMethod = function() {};
const arr = [10, 20, 30];

// ❌ плохо
for (const i in arr) {
  console.log(i, arr[i]);  // 0 10, 1 20, 2 30, myMethod [Function]
}

// ✅ хорошо
for (const v of arr) {
  console.log(v);  // 10, 20, 30
}