JavaScriptにおけるイテラブルオブジェクト

for ofループで反復処理できるオブジェクトは、 イテラブルと呼ばれます。

配列はイテラブルオブジェクトの特殊なケースの一つです：

javascriptlet arr = [1, 2, 3];

for (let elem of arr) {
  console.log(elem);
}

Mapコレクションもイテラブルオブジェクトです：

javascriptlet map = new Map();
map.set('a', 1);
map.set('b', 2);
map.set('c', 3);

for (let elem of map) {
  console.log(elem);
}

NodeListコレクションもイテラブルオブジェクトです：

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  console.log(elem);
}

さらに、JavaScriptでは任意のオブジェクトをイテラブルにすることができます。そのためには特別な操作が必要で、これについては次のレッスンで学びます：

javascriptlet obj = {a: 1, b: 2, c: 3};

// ここに巧妙な操作

for (let elem of obj) { // 反復処理が可能
  console.log(elem);
}