С чем работает for..of

for..of работает с итерируемыми объектами (те, у которых есть Symbol.iterator). Это массивы, строки, Map, Set, NodeList и другие. В отличие от for..in (перебирает ключи), for..of возвращает значения.

const arr = [10, 20, 30];
for (const value of arr) {
  console.log(value); // 10, 20, 30
}

const str = 'hello';
for (const char of str) {
  console.log(char); // 'h', 'e', 'l', 'l', 'o'
}

Не работает с обычными объектами (если не реализован итератор). Для них используй for..in или Object.keys().