728x90 HTMLCollection2 1.15 Converting a NodeList or HTML Collection to a JavaScript Array 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 2021. 9. 25. 1. 13 Grokking Node Collections(i.e. NodeList and HTMLCollection) 트리에 있는 노드 그룹을 선택하거나 접근하게 되면 그 노드들인 NodeList 또는 HTMLCollection에 위치하게 된다. 이런 유사배열 객체는 다음과 같은 성질을 가진다 1. 하나의 컬랙션은 라이브 객체 또는 스태틱 객체이다. 즉, 컬랙션에 포함된 노드들은 라이브 문서의 한 부분이거나 라이브 문서의 스냅샷이다. 2. 기본적으로, 컬랙션 내부에 있는 노드들은 트리의 노드 순서대로 정렬되 있다. 3. 컬랙션들을 length프로퍼티로 해당 리스트에 존재하는 노드들의 갯수를 반영한다. 2021. 9. 2. 이전 1 다음 728x90