TypeScript - While Loop: A Beginner's Guide

Hai, para pemula pengaturcara! Hari ini, kita akan melihat salah satu konsep asas dalam pengaturcaraan: perulangan while. Seperti guru komputer yang ramah di lingkungan sekitar anda, saya begitu gembira untuk memandu anda dalam perjalanannya ini. Jangan bimbang jika anda baru dalam bidang coding - kita akan mulakan dari asas dan meningkatkan pengetahuan kita. Jadi, ambil secangkir kopi (atau minuman kegemaran anda), dan mari kita mulakan perulangan!

Apa Itu Perulangan While?

Sebelum kita melihat hal yang berhubung dengannya, mari kita memahami apa itu perulangan while. Bayangkan anda main permainan di mana anda perlu melempar dadu sehingga mendapat angka enam. Anda tidak akan tahu terlebih dahulu berapa kali anda perlu melempar, kan? Ini adalah tempat perulangan while sangat berguna dalam pengaturcaraan!

Perulangan while membolehkan anda mengulangi blok kod sebanyak kali yang diperlukan selagi syarat tertentu masih benar. Itu seperti memberitahu komputer anda, "Hey, terus lakukan ini sampai saya katakan kepada anda untuk berhenti!"

Sintaks

Sekarang, mari kita lihat sintaks perulangan while dalam TypeScript:

while (condition) {
// kod untuk dijalankan
}

Itu cukup mudah, kan? mari kita lihat apa maksud setiap bahagian:

• while: Kata kunci ini memberitahu TypeScript bahawa kita sedang memulakan perulangan while.
• condition: Ini adalah ekspresi boolean yang diperiksa sebelum setiap iterasi loop. Jika ia benar, loop terus; jika ia salah, loop berhenti.
• { }: Bentuk kurungan ini mengandungi kod yang akan diulangi selagi syarat masih benar.

Diagram Alir

Untuk memahami lebih baik bagaimana perulangan while berfungsi, mari kita lihat diagram alir:

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

Diagram ini menunjukkan bagaimana perulangan while secara berterusan memeriksa syarat dan menjalankan blok kod sehingga syarat menjadi salah.

Contoh: Perulangan While

Mari kita masuk ke dalam contoh praktikal. Kita akan membuat program yang menghitung balik dari 5 ke 1:

let countdown: number = 5;

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

console.log("Blast off!");

Mari kitauraikan ini:

1. Kita mula dengan mendeklarasikan variabel countdown dan mensetnya ke 5.
2. Perulangan while memeriksa jika countdown lebih besar daripada 0.
3. Jika ia adalah, ia mencetak nilai semasa countdown.
4. Kemudian, ia mengurangkan countdown sebanyak 1 menggunakan operator --.
5. Proses ini berulang sehingga countdown tidak lagi lebih besar daripada 0.
6. Akhirnya, ia mencetak "Blast off!" selepas loop berakhir.

Bila anda jalankan kod ini, anda akan lihat:

5
4
3
2
1
Blast off!

Buatankah itu menarik? Itu seperti kita membuat sendiri perhitungan balik pelancaran roket kecil!

Perulangan While Dengan Statement Break

kadang-kadang, anda mungkin mahu keluar dari loop awal berdasarkan syarat tertentu. Itu di mana statement break menjadi berguna. Itu seperti memiliki pintu keluar kecemasan dalam loop anda!

Mari kita ubah contoh countdown kami:

let countdown: number = 10;

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

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

console.log("Countdown dihentikan!");

Dalam contoh ini, kita mula dengan countdown dari 10, tetapi kita hentikan ia apabila kita mencapai 5. Output akan menjadi:

10
9
8
7
6
5
Kami setengah jalan sana!
Countdown dihentikan!

Statement break membolehkan kita keluar dari loop awal apabila syarat tertentu dipenuhi.

Perulangan While vs. Perulangan For

Sekarang, anda mungkin bertanya, " Mengapa menggunakan perulangan while apabila kita ada perulangan for?" Pertanyaan yang bagus! Mari kita bandingkan mereka:

Perulangan While	Perulangan For
Digunakan apabila bilangan iterasi adalah tidak diketahui	Digunakan apabila bilangan iterasi adalah diketahui
Syarat diperiksa di awal setiap iterasi	Inisialisasi, syarat, dan kemas kini semua dalam satu baris
Dapat digunakan untuk membuat loop tak terhingga lebih mudah	Biasanya digunakan untuk loop terbatas
Struktur yang lebih fleksibel	Struktur yang lebih kompak

Ini adalah contoh yang cepat untuk mengilustrasikan:

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

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

Kedua-dua loop ini akan mencetak nombor dari 0 ke 4. Perulangan while adalah lebih fleksibel, kerana anda dapat mengubah variabel loop (i) dalam cara yang lebih kompleks di dalam badan loop. Perulangan for, sebaliknya, adalah lebih ringkas apabila anda tahu betul-betul berapa kali anda mahu mengulangi.

Kesimpulan

Dan begitu sahaja, rakan-rakan! Kita telah melintasi dunia perulangan while dalam TypeScript. Dari memahami sintaks asas hingga mengenalpasti statement break dan membandingkan dengan perulangan for,anda kini dilengkapi dengan pengetahuan untuk menggunakan perulangan while secara berkesan dalam kod anda.

Ingat, pengaturcaraan adalah seperti belajar menunggang basikal – mungkin kelihatan wobbly pada permulaan, tetapi dengan latihan, anda akan mampu menunggang dengan lancar! Jadi, jangan takut untuk mencuba perulangan while dalam projek anda sendiri. Cobalah membuat permainan tebak, atau mungkin program yang mengira faedah kompaun sehingga mencapai jumlah tertentu.

Selamat coding, dan moga loop anda sentiasa berakhir!

Credits: Image by storyset