HTMLCollection を配列に効率的に変換するにはどうすればよいですか?

HTMLCollection から配列への効率的な変換

HTMLCollection から配列への変換は、各項目を手動で配列に追加する反復的な手段によって実現できます。ただし、この変換にはもっと効率的なアプローチがあります。

ネイティブ コード アプローチ:

そのようなアプローチの 1 つは、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 中国語 Web サイトの他の関連記事を参照してください。