JavaScript - Switch Case: Panduan untuk Pemula

Hai teman, super bintang coding masa depan! Siap belajar tentang salah satu alat pengambilan keputusan yang menarik di JavaScript? Siapkan sabuk safety Anda, karena kita akan melompat ke dunia yang menakjubkan dari pernyataan Switch Case!

Apa Itu Switch Case?

Sebelum kita masuk ke hal yang mendalam, mari mulai dengan analogi sederhana. Bayangkan Anda di toko es krim, dan Anda harus memilih rasa. Anda bisa menggunakan banyak pernyataan "if-else" untuk menentukan, tetapi itu akan seperti meminta kepada pelayan, "Apakah itu vanila? Tidak? Apakah itu coklat? Tidak? Apakah itu stroberi?" dan seterusnya. Tidakkah lebih mudah hanya mengatakan, "Rasa apa itu?" dan kemudian memilih berdasarkan jawabannya? Itu tepatnya apa yang dilakukan Switch Case!

Diagram Alir

Untuk memvisualisasikan bagaimana Switch Case bekerja, mari lihat diagram alir:

[Start]
|
v
[Check Expression]
|
______|_______
|      |       |
v      v       v
[Case 1][Case 2][Case 3]...
|      |       |
v      v       v
[Action 1][Action 2][Action 3]...
|      |       |
|______|_______|
|
v
[Default]
|
v
[End]

Diagram ini menunjukkan bagaimana Switch Case mengevaluasi ekspresi dan kemudian menjalankan blok kasus yang sesuai. Jika tidak ada kasus yang cocok, dia menjalankan blok default (jika tersedia).

Sintaks

Sekarang, mari kitauraikan sintaks pernyataan Switch Case:

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

Berikut arti setiap bagian:

• switch(expression): Ini adalah tempat kita memasukkan nilai yang ingin dicek.
• case value: Ini adalah nilai kemungkinan yang cocok dengan ekspresi.
• // kode yang akan dieksekusi: Ini adalah apa yang terjadi jika kasus cocok.
• break: Kata kunci ini memberitahu JavaScript untuk keluar dari blok switch setelah menjalankan kasus yang cocok.
• default: Ini seperti "else" dalam pernyataan if-else. Itu akan dijalankan jika tidak ada kasus yang cocok.

Contoh

Mari kita masuk ke beberapa contoh untuk melihat Switch Case dalam aksi!

Contoh 1: Hari dalam Minggu

let day = 3;
let dayName;

switch (day) {
case 1:
dayName = "Monday";
break;
case 2:
dayName = "Tuesday";
break;
case 3:
dayName = "Wednesday";
break;
case 4:
dayName = "Thursday";
break;
case 5:
dayName = "Friday";
break;
case 6:
dayName = "Saturday";
break;
case 7:
dayName = "Sunday";
break;
default:
dayName = "Invalid day";
}

console.log(dayName); // Output: Wednesday

Dalam contoh ini, kita menggunakan Switch Case untuk mengkonversi nomor hari menjadi namanya. Berikut apa yang terjadi:

1. Kita set day ke 3.
2. Pernyataan switch dicek nilai day.
3. Itu menemukan kesamaan dalam case 3.
4. Itu menset dayName ke "Wednesday".
5. Pernyataan break keluar dari blok switch.
6. Akhirnya, kita log dayName ke konsol.

Contoh 2: Sistem Penilaian

Mari buat sistem penilaian sederhana:

let grade = 'B';
let message;

switch(grade) {
case 'A':
message = "Excellent job!";
break;
case 'B':
message = "Great work!";
break;
case 'C':
message = "Good effort!";
break;
case 'D':
message = "You need to study more.";
break;
case 'F':
message = "Please see me after class.";
break;
default:
message = "Invalid grade";
}

console.log(message); // Output: Great work!

Dalam contoh ini:

1. Kita set grade ke 'B'.
2. Pernyataan switch dicek nilai grade.
3. Itu menemukan kesamaan dalam case 'B'.
4. Itu menset message ke "Great work!".
5. Pernyataan break keluar dari blok switch.
6. Kita log message ke konsol.

Contoh 3: Kasus Ganda

kadang-kadang, Anda mungkin ingin kasus yang berbeda memiliki hasil yang sama. Berikut cara Anda dapat melakukannya:

let fruit = "apple";
let category;

switch(fruit) {
case "apple":
case "pear":
case "banana":
category = "common fruit";
break;
case "mango":
case "papaya":
category = "tropical fruit";
break;
default:
category = "unknown fruit";
}

console.log(category); // Output: common fruit

Dalam contoh ini:

1. Kita set fruit ke "apple".
2. Pernyataan switch dicek nilai fruit.
3. Itu menemukan kesamaan dalam kasus pertama case "apple".
4. Karena tidak ada pernyataan break, itu terus ke baris berikutnya.
5. Itu menset category ke "common fruit".
6. Pernyataan break kemudian keluar dari blok switch.

Metode Switch Case

Berikut adalah tabel metode yang berkaitan dengan Switch Case dan deskripsi mereka:

Metode	Deskripsi
switch	Memulai pernyataan switch
case	Mendefinisikan kasus dalam pernyataan switch
break	Keluar dari blok switch
default	Mendefinisikan kasus default jika tidak ada kasus yang cocok

Ingat, Switch Case tentang membuat kode Anda lebih mudah dibaca dan efisien saat Anda memiliki banyak kondisi yang harus dicek. Itu seperti pengontrol lalu lintas, mengarahkan kode Anda ke tempat yang benar berdasarkan nilai tertentu.

Jadi, itu adalah Switch Case! Sekarang Anda sudah dilengkapi dengan kekuatan Switch Case. Ingat, latihan membuat sempurna, jadi cobalah membuat pernyataan Switch Case Anda sendiri. Mungkin buatlah permainan dimana pilihan berbeda mengarah ke hasil berbeda. Kemungkinannya tak terbatas!

Happy coding, dan may the Switch be with you! ??

Credits: Image by storyset