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

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

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

Array.from(): 궁극적인 솔루션

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

// nl is a NodeList
let myArray = Array.from(nl)

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