TypeScript - Do While Loop: A Beginner's Guide

Hai there, bakal bintang pengkomputeran! Hari ini, kita bakal masuk ke dunia yang menarik TypeScript dan jelajahi salah satu konsep dasarnya: do...while loop. Jangan khawatir jika anda baru dalam bidang programming; saya akan explainskan secara berperingkat, seperti yang saya lakukan untuk banyak murid selama tahun-tahun mengajar saya. Jadi, ambil minuman kesukaan anda, duduk comfily, dan mari kita mulakan pengembaraan coding ini bersama!

Apa Itu Do...While Loop?

Sebelum kita masuk ke hal yang teknis, mari kita faham apa do...while loop itu. Bayangkan anda adalah seorang chef (terimalah, saya berjanji analogi ini akan membuat sense). Anda ada resepi yang kata, "Aduk sup dan cobalah rasanya. Jika ia masih kurang garam, tambahkan garam lagi dan ulangi." Ini betul-betul apa yang do...while loop lakukan dalam programming - ia melakukan tindakan, periksa syarat, dan ulangi jika perlu.

Sintaks: Resep Untuk Loop Kita

Sekarang, mari kita lihat sintaks do...while loop dalam TypeScript. Ia seperti struktur resepi kita:

do {
// Kod untuk dijalankan
} while (syarat);

Ini apa maksud setiap bahagian:

1. do: Ini di mana kita mula loop kita.
2. { }: Dalam kurungan ini, kita meletakkan kod yang kita mahu ulangi.
3. while: Selepas blok kod kita, kita gunakan kata kunci ini.
4. (syarat): Ini adalah pemeriksaan kita. Jika ia benar, kita kembali ke permulaan loop.
5. ;: Jangan lupa tanda titik koma ini di akhir!

Carta Alir: Laluan Eksekusi

Untuk visualisasikan bagaimana do...while loop berkerja, mari kita lihat carta alir:

┌─────────────┐
│   Mula      │
└─────┬───────┘
│
▼
┌─────────────┐
│ Jalankan    │
│ Blok Kod    │
└─────┬───────┘
│
▼
┌─────────────┐     Ya
│ Syarat      ├────────┐
│   Benar?    │        │
└─────┬───────┘        │
│ Tidak           │
▼                │
┌─────────────┐        │
│   Akhir     │        │
└─────────────┘        │
│
└─────────────────────┘

Carta alir ini menunjukkan bahawa kod di dalam loop selalu dijalankan sekurang-kurangnya sekali sebelum syarat dipemeriksa.

Contoh: Mari Buat Sedikit Kod!

Sekarang, mari kita lihat do...while loop dalam aksi dengan contoh yang menyeronokkan. Kita akan buat permainan tebak angka yang mudah:

let secretNumber: number = 7; // Nombor rahsia kita
let guess: number;
let attempts: number = 0;

do {
guess = Number(prompt("Tebak nombor antara 1 dan 10:")); // Menanyakan tebakan
attempts++; // Menambah bilangan percubaan

if (guess < secretNumber) {
console.log("Terlalu rendah! Cuba lagi.");
} else if (guess > secretNumber) {
console.log("Terlalu tinggi! Cuba lagi.");
}
} while (guess !== secretNumber);

console.log(`Tahniah! Anda menebak nombor itu dalam ${attempts} percubaan.`);

Mari kita breakdown ini:

1. Kita set secretNumber ke 7 dan inisialisasi guess dan attempts variabel.
2. Blok do meminta pengguna untuk membuat tebakan dan menambah attempts penghitung.
3. Kita memberikan umpan balik jika tebakan terlalu rendah atau terlalu tinggi.
4. Syarat while (guess !== secretNumber) memeriksa jika tebakan betul.
5. Jika tebakan salah, loop terus berjalan.
6. Sekali tebakan betul ditebak, kita keluar dari loop dan memuji pemain.

Permainan ini akan selalu meminta sekurang-kurangnya satu tebakan, yang adalah sempurna untuk do...while loop!

Kapan Menggunakan Do...While Loop

Anda mungkin bertanya, " Mengapa tidak hanya gunakan loop biasa?" Pertanyaan yang bagus! Gunakan do...while loop jika anda mahu pastikan kod anda dijalankan sekurang-kurangnya sekali, tanpa mengira syarat. Ia seperti kata, "Cuba ini, dan kemudian kita lihat jika perlubuatnya lagi."

Berikut adalah beberapa contoh dunia nyata di mana do...while loop berjaya:

1. Pemeriksaan input pengguna: Menanyakan input sehingga ia valid.
2. Loop permainan: Menjalankan permainan sehingga pemain memutuskan untuk keluar.
3. Sistem menu: Menampilkan pilihan sehingga pengguna memilih untuk keluar.

Membandingkan Jenis Loop

Mari kita lihat bagaimana do...while loop kita membandingkan dengan jenis loop lain:

Jenis Loop	Pemeriksaan Syarat	Eksekusi Terjamin
while	Sebelum loop	Tidak
for	Sebelum loop	Tidak
do...while	Selepas loop	Ya, sekurang-kurangnya sekali

Masalah Umum dan Tips

Sebagai guru coding di lingkungan anda, saya telah melihat murid-murid mengalami beberapa masalah umum dengan do...while loops. Berikut adalah beberapa tips untuk diingat:

1. Loop Tak Terbatas: Pastikan syarat anda akan menjadi palsu pada akhirnya, atau anda akan terjebak dalam loop tak terbatas (seperti terjebak dalam mesin waktu, terus mengulangi saat yang sama)!

2. Penempatan Syarat: Ingat, syarat ada di akhir. Ia mudah untuk secara tak sengaja menulisnya seperti loop biasa karena kebiasaan.

3. Tanda Titik Koma: Jangan lupa tanda titik koma setelah syarat while. Ia kecil tetapi sangat penting!

4. Variabel Loop: Jika syarat anda bergantung pada variabel, pastikan anda mengupdatekannya di dalam loop.

Kesimpulan: Menggabungkan Semua Loop

Dan begitu, murid coding saya! Anda telah mengetahui do...while loop dalam TypeScript. Ingat, seperti belajar menunggang basikal, mungkin merasa agak wobble pada awalnya, tetapi dengan latihan, anda akan melintasi kod seperti seorang pro dalam tidak lama lagi.

Sementara kita mengakhiri, ini adalah sedikit humor coding untuk anda: Mengapa programer meninggalkan kerjanya? Karena dia tidak dapat naik gaji... dalam variabel loopnya! (Ba dum tss! ?)

Terus latih, tetap curiga, dan terutama, bersenang-senang dalam perjalanan coding anda. Sebelum anda tahu, anda akan menjadi yang mengajarkan orang lain tentang keajaiban do...while loops!

Credits: Image by storyset