В чем разница между for..in и for..of

for..in и for..of — это два разных способа итерации в JavaScript, но они работают с разными типами данных и по-разному.

for..in

• Итерирует по перечисляемым свойствам объекта (включая унаследованные).
• Подходит для объектов, но не рекомендуется для массивов, так как может захватывать не только индексы, но и другие свойства.
• Возвращает ключи (или индексы для массивов).

const obj = { a: 1, b: 2 };
for (const key in obj) {
  console.log(key); // 'a', 'b'
}

for..of

• Итерирует по значениям итерируемых объектов (массивы, строки, Map, Set и т. д.).
• Не работает с обычными объектами (неитерируемыми).
• Возвращает значения элементов.

const arr = [1, 2, 3];
for (const value of arr) {
  console.log(value); // 1, 2, 3
}

Итог:

• for..in — для ключей объекта.
• for..of — для значений итерируемых структур.