TypeScript - Switch Statement: A Beginner's Guide

Hai teman-teman, bakal superstar pemrograman! Hari ini, kita akan mendalami salah satu struktur aliran kendali yang paling berguna dalam TypeScript: pernyataan switch. Jangan khawatir jika Anda belum pernah menulis baris kode sebelumnya - saya akan memandu Anda melalui perjalanan ini step by step, sama seperti yang saya lakukan bagi ratusan murid selama tahun-tahun mengajar saya. Jadi, ambil secangkir minuman favorit Anda, dan mari kita mulai!

Apa Itu Pernyataan Switch?

Sebelum kita masuk ke detilnya, mari kita pahami apa itu pernyataan switch dan mengapa itu sangat berguna. Bayangkan Anda adalah pelayan di restoran. Seorang pelanggan masuk dan memesan makanan. Tergantung apa yang mereka pesan, Anda perlu pergi ke stasiun berbeda di dapur. Itu tepat apa yang dilakukan pernyataan switch dalam pemrograman - itu mengambil nilai dan menentukan kode mana yang akan dieksekusi berdasarkan nilai itu.

Sintaks: Resep untuk Pernyataan Switch

Sekarang, mari kita lihat sintaksis pernyataan switch. Bayangkan ini sebagai resep yang kita ikuti untuk membuat pernyataan switch sendiri.

switch (expression) {
case value1:
// kode yang akan dieksekusi
break;
case value2:
// kode yang akan dieksekusi
break;
...
default:
// kode yang akan dieksekusi jika tidak ada kasus yang cocok
}

mari kitauraikan ini:

1. switch: Kata kunci ini memberitahu TypeScript bahwa kita sedang memulai pernyataan switch.
2. (expression): Ini adalah nilai yang kita periksa.
3. case value1:: Jika ekspresi cocok dengan nilai ini, kode di bawahnya akan dijalankan.
4. break: Ini memberitahu TypeScript bahwa kita sudah selesai dengan kasus ini dan untuk keluar dari pernyataan switch.
5. default: Ini seperti "else" dalam pernyataan if-else. Itu dijalankan jika tidak ada kasus lain yang cocok.

Diagram Alir: Peta Jalan Pernyataan Switch

Untuk menggambar bagaimana pernyataan switch bekerja, mari kita lihat diagram alir:

+-------------+
|   Start     |
+-------------+
|
v
+-------------------+
| Evaluate expression|
+-------------------+
|
v
+---------------------+
| Does it match case 1?|
+---------------------+
|       |
Yes|     No|
|       |
v       v
+------------+  +---------------------+
|Execute case| |Does it match case 2? |
|1 code block|  +---------------------+
+------------+    |       |
|         Yes|     No|
|           |       |
|           v       v
|    +------------+  +-----------+
|    |Execute case|  |  ... more |
|    |2 code block|  |   cases   |
|    +------------+  +-----------+
|           |              |
|           |              |
|           |              v
|           |        +-----------+
|           |        | Execute   |
|           |        | default   |
|           |        | code block|
|           |        +-----------+
|           |              |
v           v              v
+-------------+
|    End      |
+-------------+

Diagram ini menunjukkan bagaimana TypeScript mengevaluasi setiap kasus dan menjalankan blok kode yang sesuai saat cocok ditemukan.

Contoh: Sehari Dalam Kehidupan Programmer

Ayo masuk ke contoh dunia nyata. Bayangkan kita membuat program yang memberikan nasihat berdasarkan hari dalam minggu. Berikut adalah bagaimana kita bisa menggunakan pernyataan switch untuk ini:

let day: string = "Monday";
let advice: string;

switch (day) {
case "Monday":
advice = "Mulai minggu Anda kuat!";
break;
case "Tuesday":
advice = "Teruskan momentummu!";
break;
case "Wednesday":
advice = " Anda sudah setengah jalan!";
break;
case "Thursday":
advice = "Satu usaha lagi sebelum Jumat!";
break;
case "Friday":
advice = "TGIF! Selesaikan kuat!";
break;
case "Saturday":
case "Sunday":
advice = "Nikmati akhir minggu Anda!";
break;
default:
advice = "Itu bukan hari yang valid!";
}

console.log(advice);

Dalam contoh ini:

1. Kita deklarasikan variabel day dan mengaturnya ke "Monday".
2. Kita membuat pernyataan switch yang memeriksa nilai day.
3. Untuk setiap hari, kita menetapkan nasihat yang berbeda.
4. Perhatikan bagaimana Sabtu dan Minggu mempunyai nasihat yang sama - kita bisa menumpuk kasus seperti ini!
5. Jika seseorang memasukkan hari yang invalid, kasus default akan menangkapnya.

Ketika kita menjalankan kode ini, itu akan mencetak: "Mulai minggu Anda kuat!"

Pentingnya Pernyataan Break

Sekarang, Anda mungkin bertanya-tanya, "Apa halnya dengan pernyataan break itu?" Well, teman curioso, mari saya tunjukkan apa yang terjadi ketika kita lupa menambahkannya:

let fruit: string = "apple";
let response: string;

switch (fruit) {
case "apple":
response = "An apple a day keeps the doctor away!";
case "banana":
response = "Bananas are rich in potassium!";
case "orange":
response = "Oranges are full of Vitamin C!";
default:
response = "I don't know much about that fruit.";
}

console.log(response);

Apakah Anda bisa menebak apa yang akan dicetak oleh kode ini? Jika Anda menebak "I don't know much about that fruit.", Anda benar! Tetapi mengapa?

Tanpa pernyataan break, TypeScript akan terus menjalankan kode untuk semua kasus setelah kasus yang cocok ditemukan. Hal ini disebut "fall-through" behavior. Dalam contoh kami, itu cocok dengan "apple", tetapi kemudian terus ke kasus lain, akhirnya mencapai kasus default.

Perilaku ini bisa berguna dalam beberapa situasi, tetapi biasanya bukan apa yang kita inginkan. Itu pourquoi sangat penting untuk ingat pernyataan break Anda!

Kesimpulan: Menggunakan Switch dalam Kode Anda

Dan begitu, teman-teman pemrogram TypeScript yang muda! Kita telah menjelajahi dunia pernyataan switch, dari sintaksis dasarnya hingga kerjanya dalam dan potensi kesalahan. Ingat, pernyataan switch adalah seperti pengontrol lalu lintas untuk kode Anda, mengarahkan aliran berdasarkan nilai yang berbeda.

Sebagai Anda terus menjalankan perjalanan pemrograman Anda, Anda akan menemukan pernyataan switch adalah alat yang tak ternilai dalam peralatan pemrograman Anda. Mereka dapat membuat kode Anda lebih rapi dan efisien, terutama saat berurusan dengan banyak kondisi.

Tetap latih, tetap curiga, dan sebelum Anda tahu, Anda akan menjalankan kode seperti seorang ahli! Tetap programming, dan ingat - di dunia pemrograman, setiap hari adalah kesempatan untuk mengubah haluan dan belajar sesuatu yang baru!

Metode	Deskripsi
switch	Memulai pernyataan switch
case	Menentukan kasus dalam pernyataan switch
break	Keluar dari pernyataan switch setelah kasus cocok ditemukan
default	Menentukan kasus default jika tidak ada kasus lain yang cocok

Credits: Image by storyset