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

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:

  1. Kita inisialisasi variable count dengan nilai 1.
  2. While loop terus berjalan seperti mana count kurang daripada atau sama dengan 5.
  3. Dalam loop, kita log count semasa ke console.
  4. Kita meningkatkan count sebanyak 1 menggunakan operator ++.
  5. 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:

  1. Kita inisialisasi sum ke 0 dan number ke 1.
  2. Loop terus berjalan seperti mana number kurang daripada atau sama dengan 10.
  3. Dalam setiap iterasi, kita menambah number semasa ke sum.
  4. Kita meningkatkan number sebanyak 1.
  5. 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:

  1. Kita set secretNumber dan inisialisasi guess.
  2. Loop meminta pengguna untuk menebak nombor dan menukar kepada jenis nombor.
  3. Kita semak jika tebak itu betul, terlalu rendah, atau terlalu tinggi dan memberikan maklum balas.
  4. Loop terus berjalan seperti mana tebak tidak sama dengan nombor rahsia.
  5. 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:

  1. Anda tidak tahu diawahapa yang akan berulang.
  2. Penyambungan loop bergantung kepada syarat yang mungkin berubah semasa eksekusi loop.

Bila Menggunakan For Loops

For loops sering digunakan ketika:

  1. Anda tahu betul-betul berapa kali loop harus berjalan.
  2. 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