Ітератори та протокол ітерації

Що насправді робить об'єкт «ітерованим» для for...of, і як створити власний ітератор.

for...of працює не з будь-яким об'єктом

У модулі «Цикли» ми використовували for...of для масивів, рядків, Map і Set — але не для звичайних об'єктів:

javascript

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

javascript

const range = {
  from: 1,
  to: 3,
  [Symbol.iterator]() {
    let current = this.from;
    const last = this.to;

    return {
      next() {
        if (current <= last) {
          return { value: current++, done: false };
        }
        return { value: undefined, done: true };
      },
    };
  },
};

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

javascript

const iterator = range[Symbol.iterator]();
let result = iterator.next();

while (!result.done) {
  console.log(result.value);
  result = iterator.next();
}
// те саме, що for (const num of range) { console.log(num); }

Ітератори та протокол ітерації

for...of працює не з будь-яким об'єктом

Symbol.iterator — ключ до протоколу

Що робить for...of «під капотом»

Spread і деструктуризація теж працюють через цей протокол

Навіщо це розуміти, якщо рідко пишеш власні ітератори

Поширені помилки

Підсумок