ホームページ > ウェブフロントエンド > jsチュートリアル > JS での for ループのパフォーマンス最適化の概要

JS での for ループのパフォーマンス最適化の概要

不言
リリース: 2018-08-02 15:10:58
オリジナル
2144 人が閲覧しました

この記事では、JS における for ループのパフォーマンスの最適化について概要を紹介します。必要な方は参考にしていただければ幸いです。

FOR ループを多用しすぎていますが、その最適化された記述に注意を払っていますか?記録:

1. 最も一般的な書き方ですが、何も問題ありません

for (var i = 0; i < 10; i++) {    // do something...}
ログイン後にコピー

2. ループ数が変数の場合

for (var i = 0; i < arr.length; i++) {    // do something...}
ログイン後にコピー

この書き方の欠点は、ループするたびに配列の長さを読み取るのがコスト効率が悪いということです

3 変数シチュエーションの最適化された書き方

for (var i = 0, l = arr.length; i < l; i++) {    // do something...}
ログイン後にコピー

長さを読み取ると、ループを繰り返す必要がなくなります

4. 上記 3 は次のように書くこともできます

var i = 0, l = arr.length;        
for (; i < l; i++) {    // do something...}
ログイン後にコピー

これは 3 の変形であり、別の書き方です。 、最適化はありません。ブロックレベルのスコープがないため、効果は 3 と同じです。

5. 書き込みの最適化とバージョンアップ

for (var i = arr.length - 1; i >= 0; i--) {    // do something...}
ログイン後にコピー

3 番目の方法に基づいて変数を保存する推奨書き込み方法。

おすすめの関連記事:

vue.js 画像 画像をアップロードしてプレビューするために Base64 を変換する方法

js スレッドのケース - ランダムな速度のタイプライター効果を実現する

以上がJS での for ループのパフォーマンス最適化の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート