JavaScriptでループ文を使う方法

JavaScript は、柔軟でシンプルな構文を持つ広く使用されているプログラミング言語で、Web 開発やブラウザーのスクリプト作成によく使用されます。 JavaScript では、ループは反復的なタスクを実行するために使用される構造であり、プログラマーがコードを簡素化し、大量のデータをより簡単に処理するのに役立ちます。この記事ではJavaScriptにおけるループ文の使い方を詳しく紹介します。

1. for ループ

for ループは、JavaScript で最もよく使用されるループ構造の 1 つです。これにより、プログラマは、指定された範囲で反復する変数を定義し、反復ごとにコードを実行できます。一般に、for ループは、初期化、条件、インクリメンタの 3 つの部分で構成されます。

例:

for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

上記のコードは、for ループを使用して、配列内の各要素をコンソールに出力します。初期化部分let i = 0変数iを定義して0に設定、条件部分i <array.lengthループ範囲を指定、インクリメンタ部分i Increase変数 i の値。

2. while ループ

while ループも、JavaScript でよく使用されるループ構造の 1 つです。これにより、プログラマは、条件が true の場合に一部のコードを繰り返し実行できます。 for ループとは異なり、while ループには条件が 1 つだけ含まれており、条件が true の場合に繰り返し実行されます。

例:

let i = 0;
while (i < array.length) {
  console.log(array[i]);
  i++;
}

上記のコードは、while ループを使用して、配列内の各要素をコンソールに出力します。変数 i の初期化とインクリメントは for ループと同じですが、while i < array.length の条件でループ範囲を指定します。

3. do-while ループ

do-while ループは、JavaScript でよく使用されるループ構造の 1 つです。これを使用すると、プログラマは、条件が true のときにコードを繰り返し実行できます。while ループとは異なり、最初にコード ブロックを 1 回実行し、次に条件が true かどうかを判断します。条件が true の場合、コード ブロックは繰り返し実行されます。

例:

let i = 0;
do {
  console.log(array[i]);
  i++;
}
while (i < array.length);

上記のコードは、do-while ループを使用して、配列内の各要素をコンソールに出力します。変数 i の初期化とインクリメントは前の 2 つの例と同じですが、do-while ループ i <array.length の条件はループ範囲を指定し、コード ブロックの実行後に判断されます。実行されました。

4. for...in ループ

for...in ループは、オブジェクトのプロパティを反復するために使用されるループ構造です。これにより、プログラマはオブジェクトのすべてのプロパティを反復処理し、何らかの処理を実行できます。

例:

const person = {name: "John", age: 30, city: "New York"};
for (let key in person) {
  console.log(key + ": " + person[key]);
}

上記のコードは、for...in ループを使用して人物オブジェクトを走査し、オブジェクトの各属性 (名前、年齢、都市) をコンソールに出力します。

5. for...of ループ

for...of ループは、プログラマーが配列やその他の反復可能なオブジェクトを反復処理できるようにする新しいループ構造です。データをより簡単に。これは、ES6 の新しいイテレータ インターフェイスでよく使用されます。

例:

const array = [1, 2, 3];
for (let value of array) {
  console.log(value);
}

上記のコードは、for...of ループを使用して配列配列を走査し、配列の各値をコンソールに出力します。

概要:

この記事では、for ループ、while ループ、do-while ループ、for...in ループ、for など、JavaScript で一般的に使用されるループ構造の使用方法を詳しく紹介します。 . .ループ。ループ構造は JavaScript で非常に一般的に使用される構造の 1 つであり、大量のデータやオブジェクトの処理と操作に非常に適しています。ループ構造を習得して使用することに熟練すると、プログラマーは JavaScript コードをより効率的に作成できます。

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