ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript には何種類のループがありますか?

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

PHPz
PHPzオリジナル
2023-05-10 09:49:36575ブラウズ

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

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

  1. for ループ
    for ループは、配列内のすべての項目を横断できる反復制御構造です。要素。構文は次のとおりです:
for (initialization; condition; increment) {
   // code to be executed
}

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

while ループ
  1. while ループは、コードのブロックを、実行される限り何度も繰り返し実行する別の反復制御構造です。条件は真です。構文は次のとおりです。
while (condition) {
   // code to be executed
}

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

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

do-while ループ
  1. 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 ループ
  1. for-in ループは次の目的で使用されます。オブジェクトまたは配列の属性または要素を走査します。その構文は次のとおりです。
for (variable in object) {
   // code to be executed
}

このうち、

variable

は反復する変数の名前、object は反復するオブジェクトです。サンプル コードは次のとおりです。 <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>

for-of ループ
  1. for-of ループは、配列や文字列などの反復可能なオブジェクトを走査するために使用されます。その構文は次のとおりです。
for (variable of iterable) {
  // code to be executed  
}

このうち、

variable

は反復対象の変数名、iterable は反復対象のオブジェクトです。サンプル コードは次のとおりです: <pre class='brush:javascript;toolbar:false;'>const myArray = [1, 2, 3]; for (const element of myArray) { console.log(element); }</pre>上記は JavaScript で一般的に使用されるループです。各ループには独自の適用可能なシナリオがあります。JavaScript コードを作成するときは、さまざまなニーズに応じてさまざまなループ構造を選択する必要があります。この記事が皆さんの JavaScript ループの理解に役立つことを願っています。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。