長さの値を forloop_javascript ヒントにキャッシュする必要がありますか?
for ループ内で長さの値をキャッシュする必要があるかどうか、多くのプログラマーがこの問題に悩まされていると思います。この問題の分析については以下を参照してください。
JS パフォーマンスの最適化には、
という一般的な小規模な最適化があります。// 不缓存 for (var i = 0; i < arr.length; i++) { ... } // 缓存 var len = arr.length; for (var i = 0; i < len; i++) { ... }
では、この書き方をやめるべきでしょうか? いいえ、この書き方を使用しなければならない別の状況があります。
例を参照してください:
var divs = document.getElementsByTagName("div"), i, div ;
for( i=0; i
document.body.appendChild("div");
}
上記のコードは無限ループを引き起こします。コードの最初の行はすべての div 要素のノードリストを取得します。ノードリストは動的であるため、新しい div がページに追加される限り、次の for ループが更新されます。 divs が再度評価されるため、i と divs.length は毎回同時にインクリメントされ、その結果、それらの値は等しくなり、無限ループが作成されます。
したがって、ノードリストを反復する場合は、length 属性を使用して 2 番目の変数を初期化し、その反復子をその変数と比較するのが最善です。変更されたコードは次のとおりです。
var divs = document.getElementsByTagName("div"), i, div ,len ;
for(i=0;len=divs.length;i
document.body.appendChild("div");
}
この例では、len がループの先頭で divs.length のスナップショットを保存するため、ループの反復が必要な場合に、前の例で発生した無限ループの問題が回避されます。ノードリストでは、このメソッドを使用する方が安全です。
概要:
1. 長さの値をキャッシュすることがパフォーマンスの最適化に有益かどうかは、特定の状況に基づいて判断する必要があります。一般的に、DOM へのアクセスを減らすことは依然として有益です。
2. ノードリストを操作する必要がある場合、無限ループを避けるために長さの値をキャッシュすることをお勧めします。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

この記事では、ソースマップを使用して、元のコードにマッピングすることにより、Minified JavaScriptをデバッグする方法について説明します。ソースマップの有効化、ブレークポイントの設定、Chrome DevtoolsやWebpackなどのツールの使用について説明します。

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

エントリーレベルのタイプスクリプトチュートリアルをマスターしたら、TypeScriptをサポートするIDEで独自のコードを作成し、JavaScriptにコンパイルできるはずです。このチュートリアルは、TypeScriptのさまざまなデータ型に飛び込みます。 JavaScriptには、NULL、未定義、ブール値、数字、文字列、シンボル(ES6によって導入)とオブジェクトの7つのデータ型があります。 TypeScriptはこれに基づいてより多くのタイプを定義し、このチュートリアルではすべてを詳細に説明します。 ヌルデータ型 JavaScriptのように、Typescriptのnull
