Rumah >hujung hadapan web >tutorial js >Panduan Komprehensif untuk Gelung dalam 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:*
### **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:*
### **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:*
### **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:*
### **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:*
### **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.
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.
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!