コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript NodeList を配列に変換する最も効率的な方法はどれですか?

JavaScript NodeList を配列に変換する最も効率的な方法はどれですか?

DDD
リリース： 2024-10-28 06:20:30
オリジナル
1030 人が閲覧しました

Which is the Most Efficient Way to Convert a JavaScript NodeList to an Array?

JavaScript NodeList を配列に変換する最も効率的なアプローチ

Array.prototype.slice.call の使用を主張する以前の提案にもかかわらず(nl) 最も効率的な方法として、最近のベンチマークでは、より単純なアプローチのパフォーマンスが大幅に優れていることが明らかになりました。

代替アプローチ:

var arr = [];
for(var i = 0, n; n = nl[i]; ++i) arr.push(n);
ログイン後にコピー

驚くべきことに、このループは、

ES6 ソリューション:

ES6 の出現により、より簡単なソリューションが登場しました。 Array.from() 関数。次の構文を使用すると、NodeList を Array に簡単に変換できます:

let myArray = Array.from(nl);
ログイン後にコピー

このアプローチはシンプルさと効率の両方を提供し、NodeList を Array に変換する場合に推奨される選択肢です。

以上がJavaScript NodeList を配列に変換する最も効率的な方法はどれですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース：php.cn
前の記事：Window.location と document.location: 本当に交換可能ですか? 次の記事：jsDoc エバンジェリズム
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2240
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2380
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1990
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1877
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1947
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート