TypeScript - While Loop: A Beginner's Guide

Hai, para pemula pemrograman! Hari ini, kita akan mendalamkan salah satu konsep fundamental dalam pemrograman: loop while. Sebagai guru komputer yang ramah di lingkungan sekitar Anda, saya sangat senang untuk mengantar Anda dalam perjalanan ini. Jangan khawatir jika Anda baru belajar mengoding – kita akan mulai dari dasar dan naik turun secara bertahap. Jadi, ambil secangkir kopi (atau minuman favorit Anda), dan mari kita mulai loop!

Apa Itu While Loop?

Sebelum kita masuk ke dalam hal-hal kecil, mari kita pahami apa itu while loop. Bayangkan Anda sedang main permainan tempat Anda harus terus melempar dadu sampai Anda mendapat angka enam. Anda tidak akan tahu sebelumnya berapa kali Anda harus melempar, kan? Ini adalah tempat loop while sangat berguna dalam pemrograman!

Sebuah loop while memungkinkan Anda untuk mengulangi blok kode selama kondisi tertentu masih benar. Itu seperti mengatakan ke komputer Anda, "Hey, terus lakukan ini sampai saya memberitahu Anda untuk berhenti!"

Sintaks

Sekarang, mari kita lihat sintaks loop while dalam TypeScript:

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

Itu sangat sederhana, kan? Mari kita lihat apa arti setiap bagian:

• while: Kata kunci ini memberitahu TypeScript bahwa kita sedang memulai loop while.
• condition: Ini adalah ekspresi boolean yang dicek sebelum setiap iterasi loop. Jika itu benar, loop terus berlanjut; jika itu salah, loop berhenti.
• { }: Kurung kurawal ini berisi kode yang akan diulangi selama kondisi masih benar.

Diagram Alir

Untuk memahami lebih baik bagaimana loop while bekerja, mari kita lihat diagram alir:

┌─────────────┐
│   Start     │
└─────┬───────┘
│
▼
┌─────────────────┐
│ Check condition │◄─────┐
└─────────┬───────┘      │
│              │
▼              │
┌────────┐          │
┌────│  True  │          │
│    └────┬───┘          │
│         │              │
│         ▼              │
│  ┌─────────────┐       │
│  │ Execute code│       │
│  └─────────────┘       │
│         │              │
│         └──────────────┘
│
│    ┌────────┐
└────►  False │
└────┬───┘
│
▼
┌─────────────┐
│    End      │
└─────────────┘

Diagram ini menunjukkan bagaimana loop while terus memeriksa kondisi dan menjalankan blok kode sampai kondisi menjadi salah.

Contoh: Loop While

Ayo masuk ke dalam contoh praktis. Kita akan membuat program yang menghitung mundur dari 5 ke 1:

let countdown: number = 5;

while (countdown > 0) {
console.log(countdown);
countdown--;
}

console.log("Blast off!");

Mari kitauraikan ini:

1. Kita mulai dengan mendeklarasikan variabel countdown dan mensetnya ke 5.
2. Loop while memeriksa jika countdown lebih besar dari 0.
3. Jika itu benar, ia mencetak nilai saat ini dari countdown.
4. Kemudian, ia mengurangi countdown sebesar 1 menggunakan operator --.
5. Proses ini terus berulang sampai countdown tidak lagi lebih besar dari 0.
6. Akhirnya, ia mencetak "Blast off!" saat loop berakhir.

Ketika Anda menjalankan kode ini, Anda akan melihat:

5
4
3
2
1
Blast off!

Apakah itu menarik? Itu seperti kita membuat kendi kecil peluncuran roket!

Loop While Dengan Statement Break

kadang-kadang, Anda mungkin ingin keluar dari loop sebelumnya berdasarkan kondisi tertentu. Itu saat break statement berguna. Itu seperti memiliki exit darurat di loop Anda!

Mari kita modifikasi contoh countdown kami:

let countdown: number = 10;

while (countdown > 0) {
console.log(countdown);
countdown--;

if (countdown === 5) {
console.log("Kita setengah jalan!");
break;
}
}

console.log("Countdown diinterupsi!");

Dalam contoh ini, kita memulai countdown dari 10, tapi kita menginterupsi itu saat kita mencapai 5. Outputnya akan menjadi:

10
9
8
7
6
5
Kita setengah jalan!
Countdown diinterupsi!

Statement break memungkinkan kita untuk keluar loop lebih awal saat kondisi khusus terpenuhi.

Loop While vs. Loop For

Sekarang, Anda mungkin berpikir, " Mengapa menggunakan loop while saat kita punya loop for?" Pertanyaan bagus! Mari kita bandingkan mereka:

Loop While	Loop For
Digunakan saat jumlah iterasi tak diketahui	Digunakan saat jumlah iterasi diketahui
Kondisi dicek di awal setiap iterasi	Inisialisasi, kondisi, dan pembaruan semua di satu baris
Dapat digunakan untuk membuat loop tak terbatas lebih mudah	Biasanya digunakan untuk loop terbatas
Struktur yang lebih fleksibel	Struktur yang lebih kompak

Ini adalah contoh yang cepat untuk mengilustrasikan:

// Loop while
let i: number = 0;
while (i < 5) {
console.log(i);
i++;
}

// Loop for yang setara
for (let j: number = 0; j < 5; j++) {
console.log(j);
}

Kedua loop ini akan mencetak angka dari 0 ke 4. Loop while lebih fleksibel, karena Anda dapat memodifikasi variabel loop (i) dalam cara yang lebih kompleks di dalam tubuh loop. Loop for, sebaliknya, lebih ringkas saat Anda tahu pasti berapa kali Anda ingin mengulang.

Kesimpulan

Dan itu adalah dia, teman-teman! Kita telah melakukan perjalanan melalui dunia loop while dalam TypeScript. Dari memahami sintaks dasar hingga mengeksplorasi statement break dan membandingkan dengan loop for, Anda sekarang dilengkapi pengetahuan untuk menggunakan loop while secara efektif dalam kode Anda.

Ingat, pemrograman seperti belajar menunggang sepeda – mungkin tampak wobbly pada awalnya, tapi dengan latihan, Anda akan berpacu dengan cepat! Jadi, jangan takut untuk mencoba loop while dalam proyek Anda sendiri. Cobalah membuat permainan tebak angka, atau mungkin program yang menghitung bunga komponen sampai mencapai jumlah tertentu.

Selamat coding, dan semoga loop Anda selalu berakhir!

Credits: Image by storyset