Какие знаешь ограничения for of

for...of работает только с итерируемыми объектами (массивы, строки, Map, Set и т.д.). Он не работает с обычными объектами, так как они не являются итерируемыми по умолчанию.

Пример ошибки:

const obj = { a: 1, b: 2 };
for (const key of obj) { // TypeError: obj is not iterable
  console.log(key);
}

Чтобы обойти это, можно использовать Object.keys(), Object.values() или Object.entries():

for (const key of Object.keys(obj)) {
  console.log(key); // 'a', 'b'
}

Также for...of не поддерживает индексы напрямую (в отличие от for...in или обычного for), но можно использовать entries() для массивов:

const arr = ['x', 'y'];
for (const [index, value] of arr.entries()) {
  console.log(index, value); // 0 'x', 1 'y'
}