ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptでループを実行する方法

JavaScriptでループを実行する方法

PHPz
PHPzオリジナル
2023-05-15 21:41:07565ブラウズ

広く使用されているプログラミング言語として、JavaScript の最も一般的に使用される機能の 1 つはループ構造です。これは開発者にさまざまなロジックやアルゴリズムを実装する便利な手段を提供します。この記事では、一般的に使用されるいくつかのループ構造と、JavaScript でのその応用シナリオを読者に紹介します。

  1. while ループ

while ループは最も基本的なループ構造であり、その構文構造は次のとおりです。ループ。条件が true の場合、ループ内のステートメントが実行されます。ループを実行する前に、条件が true であるかどうかがチェックされ、条件が false の場合、ループ本体内のステートメントは実行されません。

while ループは、ユーザー入力に基づいて特定の操作を繰り返し実行したり、配列やオブジェクトから特定の条件を満たす要素をフィルターで除外したりするなど、さまざまなシナリオに適用できます。

次は、1 ~ 5 の数値を出力する簡単な例です。

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

do-while ループ
  1. do-while ループと whileループとの違いは、do-while ループは最初にループ本体を 1 回実行し、次にループ条件が true かどうかをチェックすることです。ループ条件が true の場合、ループ本体が繰り返し実行され、そうでない場合はループが終了します。

構文は次のとおりです。

let i = 1;
while(i <= 5){
  console.log(i);
  i++;
}

同様に、condition はループの条件を表します。以下は、数値 1 ~ 5 を出力する例です。

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

for ループ
  1. for ループは通常、配列内の要素とその構文を反復するために使用されます。
let i = 1;
do {
  console.log(i);
  i++;
}while(i <= 5);

ここで、init はループの先頭で実行されるステートメントを表し、condition はループの条件を表し、iterator は各反復の後に実行されるステートメントを表します。

次の例は、1 ~ 5 の数値を出力します。

for(init; condition; iterator){
  // statements to be executed
}

for ループでは、break ステートメントと continue ステートメントを使用してループのフローを制御することもできます。 Break ステートメントはループを抜け出すために使用され、Continue ステートメントは現在の反復をスキップして次の反復を実行するために使用されます。

次は、break ステートメントを含む for ループの例です。数値 1 ~ 4 を出力します。

for(let i = 1; i <= 5; i++){
  console.log(i);
}

for-in ループ
  1. for -in ループは、オブジェクトのプロパティを走査するために使用されます。その構文は次のとおりです:
for(let i = 1; i <= 5; i++){
  if(i == 5){
    break;
  }
  console.log(i);
}

ここで、 property は現在走査されているプロパティ名を表し、 object は走査されるオブジェクトを表します。

以下は、オブジェクトのすべてのプロパティを反復処理し、その値を出力する簡単な例です:

for(property in object){
  // statements to be executed
}

for-in ループを使用して配列を走査する場合、戻り値は配列の要素ではなく、そのインデックスです。

for-of ループ
  1. for-of ループは ES6 の新しい構文で、配列や文字列などの反復可能なオブジェクトを走査するために使用されます。構文は次のとおりです。
let person = {
  name: "Tom",
  age: 20,
  city: "New York"
};

for(let property in person){
  console.log(person[property]);
}

ここで、variable は現在トラバースされている要素を表し、iterable はトラバースされる反復可能なオブジェクトを表します。文字列内のすべての文字を出力する例を次に示します。

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

配列をトラバースするときに、for-of ループを使用すると、for ループ内でインデックス変数を使用してインデックス変数を増やすことを回避できることに注意してください。コードの可読性。

この記事では、JavaScript で一般的に使用されるループ構造とそのアプリケーション シナリオをいくつか紹介します。これらは、開発者がさまざまなロジックやアルゴリズムを実装し、コードの可読性と効率を向上させるのに役立ちます。

以上がJavaScriptでループを実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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