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 // 3DOMコレクションをループします
ノデリストなどの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