首頁  >  文章  >  web前端  >  NodeList 到 Array:「Array.from()」真的是最快的嗎?

NodeList 到 Array:「Array.from()」真的是最快的嗎?

Patricia Arquette
Patricia Arquette原創
2024-11-03 03:49:03259瀏覽

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

從NodeList 轉換為Array:揭示最快的方法

之前的討論建議使用Array.prototype.slice.call(nl)方法提供了從NodeList 到Array 的最有效的轉換。然而,最近的基準測試揭示了一個驚人的不同現實。與流行的看法相反,傳統的 for 循環方法 for(var i = 0, n; n = nl[i]; i) arr.push(n); 比上述方法高出三倍。

這個令人費解的發現激發了人們的好奇心:這只是 Chromium 6 的一個怪癖,還是隱藏著一種更快的方法?幸運的是,隨著 ES6 的出現,我們得到了一個解決方案,它毫不費力地優於之前提出的兩種方法。

Array.from():終極解

The ES6 中引入的Array.from() 函數提供了一種將NodeList 轉換為Array 的簡潔而快速的方法。它的語法很簡單:

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

這一行程式碼以無與倫比的效率完成了轉換,大大超越了它的前輩。因此,對最快轉換方法的追求在 Array.from() 的勝利中達到了頂峰,為開發人員提供了完成這項基本任務的無與倫比的解​​決方案。

以上是NodeList 到 Array:「Array.from()」真的是最快的嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn