JavaScript NodeListを配列に変換する最も速い方法は？

以前にここで回答された質問は、これが最も速い方法であると述べました：

//nl is a NodeList
var arr = Array.prototype.slice.call(nl);

私のブラウザーでのベンチマークでは、これよりも3倍以上遅いことがわかりました。

var arr = [];
for(var i = 0, n; n = nl[i]; ++i) arr.push(n);

どちらも同じ出力を生成しますが、特にここで他の人が別の言い方をしているので、私の2番目のバージョンが最速の方法であるとは信じられません。

これは私のブラウザー（Chromium 6）の癖ですか？またはより速い方法はありますか？

編集：気にかける人のために、私は以下に落ち着きました（これは私がテストしたすべてのブラウザで最も速いようです）：

//nl is a NodeList
var l = []; // Will hold the array of Node's
for(var i = 0, ll = nl.length; i != ll; l.push(nl[i++]));

EDIT2：私はさらに速い方法を見つけました

// nl is the nodelist
var arr = [];
for(var i = nl.length; i--; arr.unshift(nl[i]));

2つ目は一部のブラウザーで高速になる傾向がありますが、最初の1つは単にクロスブラウザーではないため、それを使用する必要があるということが重要です。時代は変わらないが

@kangax（ IE 9プレビュー）

Array.prototype.sliceは、特定のホストオブジェクト（NodeListなど）を配列に変換できるようになりました。これは、最近のブラウザの大部分がかなり長い間実行できたものです。

例：

Array.prototype.slice.call(document.childNodes);

ES6では、NodeListから配列を作成する簡単な方法として、Array.from()関数があります。

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

ES6スプレッド演算子を使用してこれを行う新しいクールな方法を次に示します。

let arr = [...nl];

いくつかの最適化：

• NodeListの長さを変数に保存する
• 設定する前に、新しい配列の長さを明示的に設定します。
• プッシュしたりシフトしたりするのではなく、インデックスにアクセスします。

コード（jsPerf）：

var arr = [];
for (var i = 0, ref = arr.length = nl.length; i < ref; i++) {
 arr[i] = nl[i];
}

結果は完全にブラウザに依存し、客観的な判断を下すために、いくつかのパフォーマンステストを行う必要があります。いくつかの結果を示します。ここで実行できます。

Chrome 6：

Firefox 3.6：

Firefox 4.0b2：

Safari 5：

IE9プラットフォームプレビュー3：

最も高速なクロスブラウザは

for(var i=-1,l=nl.length;++i!==l;arr[i]=nl[i]);

私が比較したように

http://jsbin.com/oqeda/98/edit

* @ CMSに感謝します！

ES6では、次のいずれかを使用できます。

• Array.from

  let array = Array.from(nodelist)

• スプレッドオペレーター

  let array = [...nodelist]

NodeList.prototype.forEach = Array.prototype.forEach;

これで、document.querySelectorAll（ 'div'）。forEach（function（）...）を実行できます

より速くそしてより短く：

// nl is the nodelist
var a=[], l=nl.length>>>0;
for( ; l--; a[l]=nl[l] );

同じことについて語っているこちらのブログ投稿をチェックしてください。私が集めたものから、余計な時間はスコープチェーンを上っていく必要があるかもしれません。

これは私のJSで使用する関数です：

function toArray(nl) {
    for(var a=[], l=nl.length; l--; a[l]=nl[l]);
    return a;
}

この投稿の日付で更新されたチャートは次のとおりです（「不明なプラットフォーム」チャートはInternet Explorer 11.15.16299.0です）：

これらの結果から、preallocate 1メソッドが最も安全なクロスブラウザベットであると思われます。

と仮定するとnodeList = document.querySelectorAll("div")、これはnodelist配列に変換する簡潔な形式です。

var nodeArray = [].slice.call(nodeList);

私がここでそれを使うのを見てください。