document.querySelectorAll()과 map

NodeList에 있는 요소들을 위처럼 map 메서드로 모두 출력하고 싶다.

에러가 뜬다!

document.querySelector()의 prototype에는 위 배열처럼 map 메서드가 존재하지 않기 때문이다.

아예 map 함수를 직접 만들어주니 원하는대로 NodeList에 있는 요소들의 이름이 배열로 출력된다.

document.querySelector는 iterable/iterator 프로토콜을 따라 Symbol.iterator를 갖고 있고, [Symbol.iterator]()로 이터레이터를 생성할 수 있다.

즉, for...of로 순회가 가능하다!