DOM

1.15 Converting a NodeList or HTML Collection to a JavaScript Array

Posted by yunki kim on September 25, 2021

  NodeList와 HTML Collection은 array 메서드를 상속받고 있는 유사베열이지 실제 js 배열이 아니다. 이런 유사배열을 실제 js 배열로 변환하면 다음과 같은 이점을 얻을 수 있다.

  1. DOM을 참조하고 있지 않는 리스트의 스냅샷을 만들 수 있다. 

  2. Array 객체에서 제공하는 메서드들을 사용할 수 있다.

 

  유사 배열을 배열로 변환하기 위해서는 다음과 같은 코드를 사용하면 된다.

 

1
Array.prototype.slice.call(liveLists);
cs

ES6부터 Array 객체에 Array.from()이라는 메서드가 추가됬다. 이 메서드는 유사배열 객체를 new Array()로 바꾸고 이를 반환한다

 

출처: DOM Enlightement