> 웹 프론트엔드 > JS 튜토리얼 > NodeList에서 Array로: `Array.from()`이 정말 가장 빠른가요?

NodeList에서 Array로: `Array.from()`이 정말 가장 빠른가요?

Patricia Arquette
풀어 주다: 2024-11-03 03:49:03
원래의
337명이 탐색했습니다.

 NodeList to Array: Is `Array.from()` Really the Fastest?

NodeList에서 Array로 변환: 가장 빠른 접근 방식 공개

이전 토론에서는 Array.prototype.slice.call(nl)을 활용하는 것이 제안되었습니다. 메서드는 NodeList에서 Array로 가장 효율적인 변환을 제공합니다. 그러나 최근 벤치마킹 결과 놀라울 정도로 다른 현실이 드러났다. 대중적인 믿음과는 달리, 전통적인 for-loop 접근 방식인 for(var i = 0, n; n = nl[i]; i) arr.push(n);는 앞서 언급한 방법보다 놀라운 3배 차이를 능가합니다.

이 당혹스러운 발견은 호기심을 불러일으킵니다. 이것은 단순한 Chromium 6의 특징일까요, 아니면 훨씬 더 빠른 접근 방식이 숨겨져 있을까요? 다행스럽게도 ES6의 출현으로 이전에 제안된 두 방법 모두를 쉽게 능가하는 솔루션이 제시되었습니다.

Array.from(): The Ultimate Solution

ES6에 도입된 Array.from() 함수는 NodeList를 Array로 변환하는 간결하고 빠른 방법을 제공합니다. 구문은 간단합니다.

// nl is a NodeList
let myArray = Array.from(nl)
로그인 후 복사

이 한 줄의 코드는 이전 코드보다 훨씬 효율적으로 변환을 수행합니다. 따라서 가장 빠른 변환 방법에 대한 탐구는 Array.from()의 승리로 정점을 이루며 개발자에게 이 필수 작업에 대한 비교할 수 없는 솔루션을 제공합니다.

위 내용은 NodeList에서 Array로: `Array.from()`이 정말 가장 빠른가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿