Rumah >hujung hadapan web >tutorial js >Panduan Komprehensif untuk Gelung dalam JavaScript

Panduan Komprehensif untuk Gelung dalam JavaScript

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-24 22:36:16911semak imbas

Comprehensive Guide to Loops in JavaScript

### Gelung dalam JavaScript

Berikut ialah panduan komprehensif untuk gelung dalam JavaScript dengan contoh:


### **1. Untuk Gelung**
Gelung for sesuai apabila anda mengetahui bilangan lelaran yang tepat yang perlu anda lakukan.

#### **Sintaks:**

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

#### **Contoh:**

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

***Penjelasan:*

  • biarkan i = 1 memulakan pembolehubah gelung i.
  • i <= 5 menyemak sama ada keadaan adalah benar sebelum setiap lelaran.
  • i menambah i selepas setiap pelaksanaan gelung.

### **2. While Loop**
Gelung while digunakan apabila bilangan lelaran tidak ditentukan dan bergantung pada keadaan.

#### **Sintaks:**

while (condition) {
  // Code to execute
}

#### **Contoh:**

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

***Penjelasan:*

  • Gelung berterusan selagi mengira < 5 adalah benar.
  • Di dalam gelung, nilai kiraan ditambah dalam setiap lelaran.

### **3. Gelung Do-While**
Gelung do-while memastikan bahawa blok kod dilaksanakan sekurang-kurangnya sekali, walaupun syaratnya palsu.

#### **Sintaks:**

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

#### **Contoh:**

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

***Penjelasan:*

  • Badan gelung berjalan dahulu, mencetak nombor.
  • Nombor syarat < 3 diperiksa selepas itu, menentukan sama ada gelung harus diteruskan.

### **4. Gelung Untuk-Dalam**
Gelung for-in digunakan untuk mengulangi sifat objek.

#### **Sintaks:**

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

#### **Contoh:**

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

***Output:*

name: John
age: 30
city: New York

***Penjelasan:*

  • kunci memegang nama hartanah.
  • orang[kunci] mengakses nilai yang sepadan.

### **5. Untuk-Dari Gelung**
Gelung for-of digunakan untuk lelaran pada objek boleh lelar seperti tatasusunan, rentetan, peta atau set.

#### **Sintaks:**

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

#### **Contoh:**

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

***Output:*

Apple
Banana
Cherry

***Penjelasan:*

  • buah mengambil setiap elemen tatasusunan dalam urutan.

### **6. Memecahkan Gelung**
Gunakan pernyataan putus untuk keluar dari gelung lebih awal.

#### **Contoh:**

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

***Output:*

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

### **7. Melangkau Lelaran**
Gunakan pernyataan continue untuk melangkau lelaran semasa.

#### **Contoh:**

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

***Output:*

while (condition) {
  // Code to execute
}

### **8. Gelung Bersarang**
Gelung boleh bersarang di dalam satu sama lain untuk lelaran berbilang dimensi.

Contoh:

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

***Output:*

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

### **9. Gelung Tak Terhingga**
Berhati-hati dengan gelung dengan keadaan yang tidak pernah dinilai palsu.

#### **Contoh:**

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

Nota: Elakkan gelung sedemikian melainkan ada mekanisme putus.


### **10. Menggulung Atas Tatasusunan**
Kedua-dua gelung untuk dan untuk-bagi biasanya digunakan dengan tatasusunan.

#### **Contoh:**

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

### **11. Melingkar Atas Rentetan**
Gelung for-of juga berguna untuk melelaran melalui aksara rentetan.

Contoh:

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

Dengan memahami dan menggunakan jenis gelung ini dengan berkesan, anda boleh mengendalikan tugasan berulang dan struktur data dalam JavaScript dengan cekap. Beritahu saya jika anda memerlukan penjelasan tentang sebarang jenis tertentu!

Hai, saya Abhay Singh Kathayat!
Saya seorang pembangun tindanan penuh dengan kepakaran dalam kedua-dua teknologi hadapan dan belakang. Saya bekerja dengan pelbagai bahasa pengaturcaraan dan rangka kerja untuk membina aplikasi yang cekap, berskala dan mesra pengguna.
Jangan ragu untuk menghubungi saya melalui e-mel perniagaan saya: kaashshorts28@gmail.com.

Atas ialah kandungan terperinci Panduan Komprehensif untuk Gelung dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn