ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScript ループを記述するにはどのような方法がありますか?

JavaScript ループを記述するにはどのような方法がありますか?

藏色散人
リリース: 2021-10-26 14:57:05
オリジナル
2485 人が閲覧しました

JavaScript ループを記述する方法は次のとおりです: 1. "for (let Index = 0; Index < len; Index ) {...}"; 2. "myArray.forEach(function(index){

JavaScript ループを記述するにはどのような方法がありますか?

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript でループを記述する方法は何ですか?

JavaScript で for ループを記述する方法

背景

こちらJavaScript の for ループには多くのオプションがありますが、その違いは何かご存知ですか?いつ、どのサイクルを使用するのが最良の戦略ですか?上記がこの記事で議論したいことです。意見交換を歓迎します。

説明

1. 20 年前の for ループ

//20年前的写法
let len = myArray.Length
for (let index = 0; index < len; index++) {
  console.log(myArray[index])
}
ログイン後にコピー

は非常に満足のいくものでした。戻り値はありません。

3. for...in

//ES5的写法
myArray.forEach(function(index){
    //操作你的index,index即为数组中的元素
})
ログイン後にコピー

最悪の方法です。このときのインデックスは文字列であり、配列の順序で出力されるとは限らないためです。 , これは怖いです。

トラバーサルにのみ適しています通常のオブジェクトのキーです。

4, for...of

//ES5的写法,劝你慎重
for (let index in myArray) { 
  // 千万别这样做
  console.log(myArray[index]);
}
ログイン後にコピー

[推奨学習:

javascript基本的なチュートリアル

]

以上がJavaScript ループを記述するにはどのような方法がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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