java script/DOM

1.15 Converting a NodeList or HTML Collection to a JavaScript Array

iskull 2021. 9. 25. 21:32
728x90

  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