JavaScript foreach、for-in、for-forのループメソッドの包括的な分析

JavaScriptは文字通りのスクリプト言語であり、サポートタイプが組み込まれた動的で弱いプロトタイプベースの言語です。その通訳はJavaScriptエンジンと呼ばれます。ブラウザの一部であり、クライアントスクリプト言語で広く使用されています。最初にHTML（標準のユニバーサルマークアップ言語の下のアプリケーション）Webページで使用され、HTML Webページに動的関数を追加しました。

JavaScriptは20年以上生まれており、配列をループするために使用している方法は次のとおりです。

 for（var index = 0; index <myarray.length; index ++）{console.log（myarray [index]）;}

JavaScript5以来、組み込みのForeachメソッドを使用し始めました。

 myarray.foreach（function（value）{console.log（value）;}）;

ライティング方法ははるかに簡単ですが、欠点もあります。ループを中断することはできません（ステートメントを使用したり、ステートメントを使用したりします。

JavaScriptにはループメソッドもあります。

for-inループは、実際に「列挙可能な」オブジェクトをループするように設計されています。

 var obj = {a：1、b：2、c：3}; for（objのvar prop）{console.log（ "obj。" + prop + "=" + obj [prop]）;} // output：// "obj.a = 1" // "obj.b = 2" // "obj.c = 3"

また、配列をループするために使用することもできます。

 for（myArrayのvarインデックス）{// this Console.log（myArray [index]）;}

オブジェクトとは異なり、配列のインデックスは通常のオブジェクトプロパティとは異なり、重要な数値シーケンスインジケーターであるため、Arrayをループするためにforinを使用することはお勧めしません。

要するに、Inは、文字列キーを持つオブジェクトをループするために使用される方法です。

ループのためのfor

JavaScript6は、ループのための従来のループよりも簡単な新しいループメソッドを導入します。

そのfor of構文を見てみましょう。

 for（myarrayのvar値）{console.log（value）;}

for-of-of-ofの構文は、for-inと非常によく似ていますが、機能がはるかに豊富で、多くのものをループすることができます。

ループの使用の例：

 let iterable = [10、20、30];

代わりに使用できるので、ループで変更されていない静的変数になります。

 let iterable = [10、20、30];

文字列をループ：

 let iterable = "boo"; for（let of iterable）{console.log（value）;} // "b" // "o" // "o" let iterable = new uint8array（[0x00、0xff]）; ["b"、2]、["c"、3]]）; for（[key、value] of iterable）{console.log（value）;} // 2 // 3for（ret of iterable）{console.log（entry）;} // [a、1] // [b、2] // 3]）; for（iterableの値とlet）{console.log（value）;} // 1 // 2 // 3

DOMコレクションをループします

ノデリストなどのDOMコレクションをループします。以前にノデリストをループする方法について説明しました。これで便利になりました。ループを直接使用できます。

 //注：これは、// nodelist.prototype [symbol.iterator] let articleParagraphs = document.queryselectorall（ "article> p"）; for（let paragraph of articleparagraphs）{paragraph.classlist.add（ "read"）;}のlet articleparagraphs = document.queryselectorall（ "recute> p"）を実装したプラットフォームでのみ機能します。

列挙可能な属性を持つオブジェクトをループします

FOROFループは通常のオブジェクトで直接使用することはできませんが、オブジェクトが持っているプロパティに従ってループすると、組み込みobject.keys（）メソッドを使用できます。

 for（var key of object.keys（someobject））{console.log（key + "：" + someObject [key]）;}

ジェネレーターをループします

ジェネレーターをループすることができます：

 function* fibonacci（）{//ジェネレーターfunctionlet [prev、curr] = [0、1]; while（true）{[prev、curr、curr、prev + curr]; evel curr;}} for