JavaScript - While Loops

Halo sana, bakat coding superstars masa depan! Hari ini, kita akan melihat dunia menarik dari while loop di JavaScript. Sebagai guru komputer di lingkungan yang ramah, saya disini untuk mengorbit Anda dalam perjalanan ini dengan banyak contoh dan penjelasan. Jadi, ambil tas virtual Anda, dan mari kita mulai petualangan loopy ini!

JavaScript while Loop

While loop seperti seorang teman yang keras, terus bertanya, "Kita sudah sampai belum?" sampai Anda akhirnya mencapai tujuannya. Itu adalah alat fundamental dalam pemrograman yang memungkinkan kita untuk mengulangi blok kode selama kondisi yang ditentukan masih benar.

Sintaks Dasar

Ini adalah penampilan while loop dalam bentuk yang paling sederhana:

while (kondisi) {
// kode yang akan dieksekusi
}

mari kitauraikan ini:

• Kata while memberitahu JavaScript bahwa kita ingin memulai while loop.
• kondisi adalah ekspresi boolean yang dievaluasi sebelum setiap iterasi loop.
• Jika kondisi benar, kode didalam kurung {} dieksekusi.
• Proses ini berulang sampai kondisi menjadi salah.

Contoh 1: Menghitung Sampai 5

Mari kita mulai dengan contoh sederhana:

let count = 1;

while (count <= 5) {
console.log("Count is: " + count);
count++;
}

Dalam contoh ini:

1. Kita inisialisasi variabel count dengan nilai 1.
2. While loop terus berlanjut selama count kurang dari atau sama dengan 5.
3. Didalam loop, kita log current count ke console.
4. Kita menambah count dengan 1 menggunakan operator ++.
5. Loop berulang langkah 3-4 sampai count menjadi 6, pada saat itu kondisi menjadi salah, dan loop berakhir.

Output:

Count is: 1
Count is: 2
Count is: 3
Count is: 4
Count is: 5

Contoh 2: Penjumlahan Angka

Mari kita coba sesuatu yang lebih praktis. Kita akan menggunakan while loop untuk menghitung penjumlahan angka dari 1 ke 10:

let sum = 0;
let number = 1;

while (number <= 10) {
sum += number;
number++;
}

console.log("The sum of numbers from 1 to 10 is: " + sum);

Dalam contoh ini:

1. Kita inisialisasi sum ke 0 dan number ke 1.
2. Loop berlanjut selama number kurang dari atau sama dengan 10.
3. Dalam setiap iterasi, kita menambah number ke sum.
4. Kita menambah number dengan 1.
5. Setelah loop berakhir, kita cetak jumlah akhir.

Output:

The sum of numbers from 1 to 10 is: 55

JavaScript do...while Loop

Sekarang, mari kita kenal do...while loop – sepupu yang lebih optimis dari while loop. Itu seperti mengatakan, " mari lakukan ini sekurang-kurangnya sekali, dan kemudian kita lihat jika kita ingin melanjutkan."

Sintaks Dasar

Ini adalah struktur do...while loop:

do {
// kode yang akan dieksekusi
} while (kondisi);

Perbedaan utama di sini adalah bahwa blok kode dieksekusi setidaknya sekali sebelum kondisi dicek.

Contoh 3: Permainan Tebak

Mari kita buat permainan tebak sederhana menggunakan do...while loop:

let secretNumber = 7;
let guess;

do {
guess = prompt("Guess a number between 1 and 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 menentukan secretNumber dan inisialisasi guess.
2. Loop meminta pengguna untuk menebak nomor dan mengkonversi menjadi jenis nomor.
3. Kita memeriksa jika tebakan benar, terlalu rendah, atau terlalu tinggi dan memberikan umpan balik.
4. Loop berlanjut selama tebakan tidak sama dengan nomor rahasia.
5. Meskipun pengguna menebak benar pada percobaan pertama, blok loop dieksekusi setidaknya sekali.

JavaScript while vs. for Loops

Sekarang kita sudah menelusuri while loops, Anda mungkin berpikir, "Kapan harus saya gunakan while loop daripada for loop?" Pernyataan yang bagus! Mari kita bandingkan mereka.

Kapan Menggunakan While Loops

While loops biasanya digunakan ketika:

1. Anda belum tahu sebelumnya berapa kali loop harus berjalan.
2. Continuasi loop bergantung pada kondisi yang mungkin berubah selama eksekusi loop.

Kapan Menggunakan For Loops

For loops sering dipilih ketika:

1. Anda tahu tepat berapa kali loop harus berjalan.
2. Anda mengulang sebuah urutan (seperti array) dengan panjang yang diketahui.

Contoh 4: Menemukan Kuadrat Pertama Lebih Besar Dari 1000

Mari kita gunakan while loop untuk menemukan kuadrat pertama yang lebih besar dari 1000:

let power = 0;
let result = 1;

while (result <= 1000) {
power++;
result = Math.pow(2, power);
}

console.log(`The first power of 2 greater than 1000 is 2^${power} = ${result}`);

Dalam kasus ini, while loop adalah yang terbaik karena kita belum tahu sebelumnya berapa iterasi yang diperlukan.

Tabel Metode

Ini adalah tabel praktis yang menggabungkan metode yang kita diskusikan:

Tipe Loop	Sintaks	Kasus Penggunaan
while	while (kondisi) { ... }	Ketika jumlah iterasi tidak diketahui
do...while	do { ... } while (kondisi);	Ketika Anda ingin menjalankan loop sekurang-kurangnya sekali
for	for (init; condition; update) { ... }	Ketika jumlah iterasi diketahui

Ingat, memilih loop yang tepat adalah seperti memilih alat yang tepat untuk pekerjaan. Dengan latihan, Anda akan mengembangkan intuisi untuk yang terbaik digunakan dalam berbagai situasi.

Dan itu adalah nya, para pengembang kode! Kita sudah melintasi pengulangan masuk dan keluar dari while loops di JavaScript. Ingat, loop adalah seperti wahana berputar di taman bermain pemrograman – mereka terus berputar sampai waktunya berhenti. Terus latihan, dan segera Anda akan menjadi master loop di dunia coding Anda!

Credits: Image by storyset