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

Panduan Komprehensif untuk Gelung dalam JavaScript

Mary-Kate Olsen
Lepaskan: 2024-12-24 22:36:16
asal
955 orang telah melayarinya

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
}
Salin selepas log masuk
Salin selepas log masuk

#### **Contoh:**

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

***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
}
Salin selepas log masuk
Salin selepas log masuk

#### **Contoh:**

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

***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);
Salin selepas log masuk
Salin selepas log masuk

#### **Contoh:**

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

***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
}
Salin selepas log masuk
Salin selepas log masuk

#### **Contoh:**

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

***Output:*

name: John
age: 30
city: New York
Salin selepas log masuk

***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
}
Salin selepas log masuk

#### **Contoh:**

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

***Output:*

Apple
Banana
Cherry
Salin selepas log masuk

***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);
}
Salin selepas log masuk

***Output:*

for (initialization; condition; increment/decrement) {
  // Code to execute
}
Salin selepas log masuk
Salin selepas log masuk

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

#### **Contoh:**

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

***Output:*

while (condition) {
  // Code to execute
}
Salin selepas log masuk
Salin selepas log masuk

### **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++;
}
Salin selepas log masuk
Salin selepas log masuk

***Output:*

do {
  // Code to execute
} while (condition);
Salin selepas log masuk
Salin selepas log masuk

### **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);
Salin selepas log masuk
Salin selepas log masuk

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
}
Salin selepas log masuk
Salin selepas log masuk

### **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]}`);
}
Salin selepas log masuk
Salin selepas log masuk

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!

sumber:dev.to
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan