ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript のループに関する包括的なガイド

JavaScript のループに関する包括的なガイド

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-24 22:36:16905ブラウズ

Comprehensive Guide to Loops in JavaScript

### JavaScript のループ

これは、例を含む JavaScript のループに関する包括的なガイドです:


### **1. For ループ**
for ループは、実行する必要がある反復の正確な回数がわかっている場合に最適です。

#### **構文:**

for (initialization; condition; increment/decrement) {
  // Code to execute
}

#### **例:**

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

***説明:*

  • let i = 1 はループ変数 i を初期化します。
  • i
  • i はループ実行ごとに i をインクリメントします。

### **2. While ループ**
while ループは、反復回数が事前に決定されておらず、条件に依存する場合に使用されます。

#### **構文:**

while (condition) {
  // Code to execute
}

#### **例:**

let count = 0;
while (count < 5) {
  console.log(`Count is: ${count}`);
  count++;
}

***説明:*

  • ループは count
  • 限り継続します。 5 は真実です。
  • ループ内では、反復ごとに count の値が増加します。

### **3. Do-while ループ
**

do-while ループにより、条件が false であってもコード ブロックが少なくとも 1 回実行されることが保証されます。

#### **構文
:**

do {
  // Code to execute
} while (condition);

#### **例
:**

let number = 0;
do {
  console.log(`Number is: ${number}`);
  number++;
} while (number < 3);

***説明:

*
  • ループ本体が最初に実行され、番号を出力します。
  • 条件番号

    ### **4. For-In ループ
    **

    for-in ループは、オブジェクトのプロパティを反復処理するために使用されます。

    #### **構文
    :**

for (key in object) {
  // Code to execute
}

#### **例
:**

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

***出力:
*

name: John
age: 30
city: New York

***説明:

*
  • キーはプロパティ名を保持します。
  • person[key] は対応する値にアクセスします。

### **5. For-Of ループ
**

for-of ループは、配列、文​​字列、マップ、セットなどの反復可能なオブジェクトを反復するために使用されます。

#### **構文
:**

for (variable of iterable) {
  // Code to execute
}

#### **例
:**

const fruits = ["Apple", "Banana", "Cherry"];
for (let fruit of fruits) {
  console.log(fruit);
}

***出力:
*

Apple
Banana
Cherry

***説明:

*
  • フルーツは配列の各要素を順番に受け取ります。

### **6.ループからの脱出
**

ループを途中で終了するには、break ステートメントを使用します。

#### **例
:**

for (let i = 0; i < 10; i++) {
  if (i === 5) break;
  console.log(i);
}

***出力:
*

for (initialization; condition; increment/decrement) {
  // Code to execute
}

### **7.反復のスキップ**
現在の反復をスキップするには、 continue ステートメントを使用します。

#### **例:**

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

***出力:*

while (condition) {
  // Code to execute
}

### **8.ネストされたループ**
ループは、多次元反復のために相互にネストできます。

:

let count = 0;
while (count < 5) {
  console.log(`Count is: ${count}`);
  count++;
}

***出力:*

do {
  // Code to execute
} while (condition);

### **9.無限ループ**
false と評価されない条件を含むループには注意してください。

#### **例:**

let number = 0;
do {
  console.log(`Number is: ${number}`);
  number++;
} while (number < 3);

: ブレーク メカニズムがない限り、このようなループは避けてください。


### **10.配列のループ**
for ループと for-of ループはどちらも配列でよく使用されます。

#### **例:**

for (key in object) {
  // Code to execute
}

### **11.文字列のループ**
for-of ループは、文字列の文字を反復処理する場合にも役立ちます。

:

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

これらのループの種類を理解して効果的に適用することで、JavaScript で反復的なタスクとデータ構造を効率的に処理できます。特定のタイプについて説明が必要な場合はお知らせください。

こんにちは、アバイ・シン・カタヤットです!
私はフロントエンドとバックエンドの両方のテクノロジーの専門知識を持つフルスタック開発者です。私はさまざまなプログラミング言語やフレームワークを使用して、効率的でスケーラブルでユーザーフレンドリーなアプリケーションを構築しています。
ビジネス用メールアドレス kaashshorts28@gmail.com までお気軽にご連絡ください。

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

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