JavaScript でリストをループする方法

JavaScript では、リストをループする必要がよくありますが、このプロセスは非常に一般的であり、プログラミングの重要な部分です。この記事では、読者がこの重要なスキルをよりよく習得できるように、JavaScript でリストをループする方法を紹介します。

1. for ループ

for ループは、JavaScript で最も一般的に使用されるループ メソッドの 1 つで、配列のループなど、ループの数がわかっている状況に適しています。 。

以下は、for ループを使用して配列を走査する例です。

let arr = ['apple', 'banana', 'pear', 'orange'];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

上記のコードでは、配列 arr を定義し、for を使用します。ループして配列を走査し、各要素を出力します。

2. forEach メソッド

for ループを使用して配列を走査することに加えて、JavaScript によって提供される forEach() メソッドを使用してループ操作を実装することもできます。 。

以下は、forEach() メソッドを使用して配列を走査する例です。

let arr = ['apple', 'banana', 'pear', 'orange'];
arr.forEach(function(item) {
  console.log(item);
});

上記のコードでは、配列 arr# を定義します。 ##、次に、forEach() メソッドを使用して配列を反復処理し、各要素を出力します。 forEach()メソッドはコールバック関数を渡す必要があります。この関数は、配列の各要素が走査されるときに 1 回実行されます。

3. for...in ループ

配列のループに加えて、JavaScript オブジェクトを走査する必要がある状況もあります。現時点では、

for...in ループを使用してトラバーサル操作を実装できます。

次は、

for...in を使用してオブジェクトをループする例です。

let obj = {
  name: 'Tom',
  age: 20,
  gender: 'male'
};
for (let key in obj) {
  console.log(key + ': ' + obj[key]);
}

上記のコードでは、JavaScript オブジェクト

obj を定義します。 次に、for...in を使用してオブジェクトをループし、各属性のキーと値のペアを出力します。

for...in ループではオブジェクト プロパティの走査順序が保証されないため、実際のアプリケーションではこれに注意する必要があることに注意してください。

4. While ループ

JavaScript の

while ループは、条件が満たされた場合にコードの一部を繰り返し実行できます。 for ループと比較して、while ループはより柔軟であり、ループの数が不確実な状況に適しています。

以下は、

while ループを使用して数値を出力する例です。

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

上記のコードでは、最初に変数

i を定義します。を使用し、while を使用します。このループは、i の値が 10 になってループを終了するまで、i の値を繰り返し出力します。

5. do...while ループ

do...while ループは while ループと似ていますが、do です。 . .whileループは、まずループ本体を 1 回実行し、次に条件に基づいて実行を継続する必要があるかどうかを判断します。

以下は、

do...while ループを使用して数値を出力する例です。

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

上記のコードでは、変数

i を定義しました。 を実行し、 do...while ループを使用して i の値を出力します。 while ループとは異なり、最初のループでは i の値は 0 であり、ループ条件を満たしていませんが、do...while# が##Loop を使用したため、ループ本体は少なくとも 1 回実行されます。 概要

JavaScript では、ループ操作はプログラミング プロセスの重要な部分です。この記事では、for ループ、forEach メソッド、for...in ループ、while など、一般的に使用されるループ メソッドを紹介します。ループと do...while ループを使用すると、読者は実際のニーズに応じて、さまざまなループ メソッドを選択して独自のコード ロジックを実装できます。

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