JavaScript의 이터러블 객체

for of 루프를 통해 순회할 수 있는 모든 객체를 이터러블 객체라고 합니다.

배열은 이터러블 객체의 특수한 경우 중 하나입니다:

let arr = [1, 2, 3];

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

Map 컬렉션 또한 이터러블 객체입니다:

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

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

NodeList 컬렉션 또한 이터러블 객체입니다:

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

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

또한 JavaScript는 무엇이든 이터러블하게 만들 수 있습니다. 이를 위한 특별한 조작 방법들이 있으며, 다음 강의들에서 이를 배울 것입니다:

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

// 여기에 교묘한 조작들

for (let elem of obj) { // 순회 가능
	console.log(elem);
}

여러분이 알고 있는 이터러블 객체의 또 다른 예시를 들어보세요.