Зачем нужен Simbol.iterator

Symbol.iterator — это специальный символ, который определяет итератор по умолчанию для объекта. Он позволяет объектам участвовать в циклах for...of и других конструкциях, ожидающих итерируемые сущности (например, spread-оператор ...).

Пример:

const myIterable = {
  [Symbol.iterator]: function* () {
    yield 1;
    yield 2;
    yield 3;
  }
};

for (const value of myIterable) {
  console.log(value); // 1, 2, 3
}

Без Symbol.iterator объект не может быть использован в for...of. Встроенные типы, такие как Array, Map, Set, уже имеют Symbol.iterator по умолчанию.