HTMLCollection을 배열로 효율적으로 변환하는 방법은 무엇입니까?

효율적인 HTMLCollection을 배열로 변환

HTMLCollection을 배열로 변환하는 작업은 각 항목을 배열에 수동으로 추가하는 반복적 방법을 통해 수행할 수 있습니다. 그러나 이 변환에 대한 더 효율적인 접근 방식이 있습니다.

네이티브 코드 접근 방식:

이러한 접근 방식 중 하나는 slice 메서드를 활용하는 것입니다. >Array.prototype(다음 코드 조각 예시):

var arr = Array.prototype.slice.call(htmlCollection);

이 방법은 반복 반복의 기능을 효과적으로 에뮬레이트하여 효율적인 변환 수단을 제공합니다.

간결한 버전:

더 간단하게 하기 위해 아래 표현식은 동일한 결과를 얻습니다.

var arr = [].slice.call(htmlCollection);

Array.from (ES6 ):

ECMAScript 2015 이상 버전에서

Array.from 메서드는 HTMLCollections를 포함하여 반복 가능한 객체를 배열로 변환하기 위한 기본 솔루션을 제공합니다.

var arr = Array.from(htmlCollection);

Spread Operator (ES6 ):

ES6에 도입된 스프레드 연산자는 아래 그림과 같이

Array.from과 기능적으로 동일한 방법을 제공합니다.

var arr = [...htmlCollection];

성능 비교:

이러한 방법에 대한 비교 분석은 다음 벤치마크를 참조하세요: http://jsben.ch/h2IFA

위 내용은 HTMLCollection을 배열로 효율적으로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!