JavaScript には何種類のループがありますか?

JavaScript は、Web 開発やその他のアプリケーションでよく使用されるスクリプト言語です。 JSにはコードを繰り返し実行するためのループがたくさんありますが、この記事ではJavaScriptのループについて詳しく紹介します。

JavaScript では、一般的に使用されるループのタイプは次のとおりです。

1. for ループ
   for ループは、配列内のすべての項目を横断できる反復制御構造です。要素。構文は次のとおりです:

for (initialization; condition; increment) {
   // code to be executed
}

このうち、initialization はループの開始値であり、変数または定数にすることができます。はループ条件です。条件が false の場合、ループは終了します。increment は、自己インクリメントまたは自己デクリメントと同様、ループの各実行後の変更値です。サンプル コードは次のとおりです。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:javascript;toolbar:false;'>for (let i = 0; i &lt; 10; i++) { console.log(i); }</pre><div class="contentsignin">ログイン後にコピー</div></div>

while ループは、コードのブロックを、実行される限り何度も繰り返し実行する別の反復制御構造です。条件は真です。構文は次のとおりです。

while (condition) {
   // code to be executed
}

サンプル コードは次のとおりです。

let i = 0;
while (i < 10) {
   console.log(i);
   i++;
}

do-while ループは似ています。 while ループと異なりますが、コード ブロックの実行後に条件チェックが実行される点が異なります。最初は条件が false であっても、少なくとも 1 回は実行されます。構文は次のとおりです。

do {
  // code to be executed
} while (condition);

サンプル コードは次のとおりです。

let i = 0;
do {
   console.log(i);
   i++;
} while (i < 10);

for-in ループは次の目的で使用されます。オブジェクトまたは配列の属性または要素を走査します。その構文は次のとおりです。

for (variable in object) {
   // code to be executed
}

このうち、

は反復する変数の名前、object は反復するオブジェクトです。サンプル コードは次のとおりです。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:javascript;toolbar:false;'>const myObj = { a: 1, b: 2, c: 3 }; for (const property in myObj) { console.log(property + &quot;: &quot; + myObj[property]); }</pre><div class="contentsignin">ログイン後にコピー</div></div>

for-of ループは、配列や文字列などの反復可能なオブジェクトを走査するために使用されます。その構文は次のとおりです。

for (variable of iterable) {
  // code to be executed  
}

このうち、

は反復対象の変数名、iterable は反復対象のオブジェクトです。サンプル コードは次のとおりです:

const myArray = [1, 2, 3];
for (const element of myArray) {
   console.log(element);
}