JavaScript - While Loops
Hai there, bakal bakat pengkomputeran! Hari ini, kita akan melihat dunia yang menarik tentang while loop di JavaScript. Seperti teman sejalan yang ramah, saya disini untuk menghidahkan anda melalui perjalanan ini dengan banyak contoh dan penjelasan. Jadi, ambil beg virtual anda, dan mari kita mulakan pengembaraan loopy ini!
JavaScript while Loop
While loop adalah seperti seorang kawan yang sabar yang terus bertanya, "Sudahkah kita sampai?" sampai anda akhirnya mencapai destinasi anda. Ia adalah alat asas dalam pengkomputeran yang membolehkan kita mengulangi blok kod sebanyakberapa kali syarat yang ditentukan adalah benar.
Sintaks Asas
Ini adalah pandangan paling ringkas tentang while loop:
while (condition) {
// kod untuk dieksekusi
}
mari kitaongkikan ini:
- Kata
while
memberitahu JavaScript bahawa kita mahu memulakan while loop. -
condition
adalah ekspresi boolean yang dievaluasi sebelum setiap iterasi loop. - Jika syarat itu benar, kod didalam kurungan
{}
dieksekusi. - Proses ini terus berulang sehingga syarat menjadi palsu.
Contoh 1: Menghitung ke 5
Mari kita mulakan dengan contoh yang mudah:
let count = 1;
while (count <= 5) {
console.log("Count is: " + count);
count++;
}
Dalam contoh ini:
- Kita inisialisasi variable
count
dengan nilai 1. - While loop terus berjalan seperti mana
count
kurang daripada atau sama dengan 5. - Dalam loop, kita log count semasa ke console.
- Kita meningkatkan
count
sebanyak 1 menggunakan operator++
. - Loop terus mengulang langkah 3-4 sehingga
count
menjadi 6, di mana syarat menjadi palsu, dan loop berakhir.
Output:
Count is: 1
Count is: 2
Count is: 3
Count is: 4
Count is: 5
Contoh 2: Jumlah Nombor
Mari cuba sesuatu yang lebih praktikal. Kita akan gunakan while loop untuk mengira jumlah nombor dari 1 ke 10:
let sum = 0;
let number = 1;
while (number <= 10) {
sum += number;
number++;
}
console.log("Jumlah nombor dari 1 ke 10 adalah: " + sum);
Dalam contoh ini:
- Kita inisialisasi
sum
ke 0 dannumber
ke 1. - Loop terus berjalan seperti mana
number
kurang daripada atau sama dengan 10. - Dalam setiap iterasi, kita menambah
number
semasa kesum
. - Kita meningkatkan
number
sebanyak 1. - selepas loop berakhir, kita cetak jumlah akhir.
Output:
Jumlah nombor dari 1 ke 10 adalah: 55
JavaScript do...while Loop
Sekarang, mari kita kenali do...while loop - sepupu yang sedikit lebih optimistik daripada while loop. Ia seperti katakan, " mari lakukan ini sekurang-kurangnya sekali, dan kemudian kita lihat jika kita mahu teruskan."
Sintaks Asas
Ini adalah struktur do...while loop:
do {
// kod untuk dieksekusi
} while (condition);
Perbezaan utama di sini adalah bahawa blok kod dieksekusi sekurang-kurangnya sekali sebelum syarat dicek.
Contoh 3: Permainan Tebak
Mari buat permainan tebak mudah menggunakan do...while loop:
let secretNumber = 7;
let guess;
do {
guess = prompt("Tebak nombor antara 1 dan 10:");
guess = Number(guess);
if (guess === secretNumber) {
console.log("Congratulations! You guessed it!");
} else if (guess < secretNumber) {
console.log("Too low! Try again.");
} else {
console.log("Too high! Try again.");
}
} while (guess !== secretNumber);
Dalam contoh ini:
- Kita set
secretNumber
dan inisialisasiguess
. - Loop meminta pengguna untuk menebak nombor dan menukar kepada jenis nombor.
- Kita semak jika tebak itu betul, terlalu rendah, atau terlalu tinggi dan memberikan maklum balas.
- Loop terus berjalan seperti mana tebak tidak sama dengan nombor rahsia.
- Walaupun pengguna menebak betul pada percubaan pertama, blok loop dieksekusi sekurang-kurangnya sekali.
JavaScript while vs. for Loops
Sekarang, kita telah melihat while loops, anda mungkin bertanya, "Bila saya harus gunakan while loop daripada for loop?" Soalan hebat! Mari kita bandingkan mereka.
Bila Menggunakan While Loops
While loops biasanya digunakan ketika:
- Anda tidak tahu diawahapa yang akan berulang.
- Penyambungan loop bergantung kepada syarat yang mungkin berubah semasa eksekusi loop.
Bila Menggunakan For Loops
For loops sering digunakan ketika:
- Anda tahu betul-betul berapa kali loop harus berjalan.
- Anda mengulangi sebuah urutan (seperti array) dengan panjang yang diketahui.
Contoh 4: Menemukan Kuasa Pertama 2 yang Lebih Besar daripada 1000
Mari gunakan while loop untuk menemukan kuasa pertama 2 yang lebih besar daripada 1000:
let power = 0;
let result = 1;
while (result <= 1000) {
power++;
result = Math.pow(2, power);
}
console.log(`Kuasa pertama 2 yang lebih besar daripada 1000 adalah 2^${power} = ${result}`);
Dalam kes ini, while loop adalah sempurna kerana kita tidak tahu diawahapa banyak iterasi yang diperlukan.
Jadual Metod
Ini adalah jadual ringkasan metod yang kita diskusi:
Jenis Loop | Sintaks | Kesgunaan |
---|---|---|
while | while (condition) { ... } |
Ketika bilangan iterasi adalah tak diketahui |
do...while | do { ... } while (condition); |
Ketika anda mahu menjalankan loop sekurang-kurangnya sekali |
for | for (init; condition; update) { ... } |
Ketika bilangan iterasi adalah diketahui |
Ingat, memilih loop yang betul adalah seperti memilih alat yang betul untuk kerja. Dengan latihan, anda akan membangunkan intuisi untuk mana yang terbaik digunakan dalam berbagai-bagai situasi.
Dan di situ, murid-murid pengkomputeran saya! Kita telah melengkapi pengembaraan tentang while loops di JavaScript. Ingat, loop adalah seperti wahana kereta kuda di padang permainan programming - mereka terus berputar sehingga waktunya berhenti. Terus latih, dan segera anda akan menjadi tuan loop di alam pengkomputeran anda!
Credits: Image by storyset