Что такое Iterable

Iterable — это объект, который можно перебирать в цикле for...of. Он должен реализовать метод Symbol.iterator, возвращающий итератор. Встроенные Iterable: массивы, строки, Map, Set.

Пример:

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

Создание кастомного Iterable:

const range = {
  from: 1,
  to: 3,
  [Symbol.iterator]() {
    let current = this.from;
    return {
      next: () => ({
        value: current <= this.to ? current++ : undefined,
        done: current > this.to + 1
      })
    };
  }
};

Iterable отличается от итератора: итератор — объект с методом next(), а Iterable — объект, который может предоставить итератор.