JavaScript - Switch Case: A Panduan untuk Pemula

Hai sana, bakat coding masa depan! Siap untuk belajar tentang salah satu alat pengambilan keputusan yang menarik di JavaScript? Siapkan sabuk pengaman, karena kita akan melompat ke dunia yang menakjubkan dari pernyataan Switch Case!

Apa Itu Switch Case?

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

Diagram Alir

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

[Mulai]
|
v
[Periksa Ekspression]
|
______|_______
|      |       |
v      v       v
[Case 1][Case 2][Case 3]...
|      |       |
v      v       v
[Aksi 1][Aksi 2][Aksi 3]...
|      |       |
|______|_______|
|
v
[Default]
|
v
[Akhir]

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 diperiksa.
• 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 dijalankan jika tidak ada kasus yang cocok.

Contoh

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

Contoh 1: Hari dalam Minggu

let hari = 3;
let namaHari;

switch (hari) {
case 1:
namaHari = "Senin";
break;
case 2:
namaHari = "Selasa";
break;
case 3:
namaHari = "Rabu";
break;
case 4:
namaHari = "Kamis";
break;
case 5:
namaHari = "Jumat";
break;
case 6:
namaHari = "Sabtu";
break;
case 7:
namaHari = "Minggu";
break;
default:
namaHari = "Hari tidak valid";
}

console.log(namaHari); // Output: Rabu

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

1. Kita set hari ke 3.
2. Pernyataan switch memeriksa nilai hari.
3. Itu menemukan kesamaan dalam case 3.
4. Itu menset namaHari ke "Rabu".
5. Pernyataan break keluar dari blok switch.
6. Akhirnya, kita log namaHari ke konsol.

Contoh 2: Sistem Penilaian

Mari buat sistem penilaian sederhana:

let nilai = 'B';
let pesan;

switch(nilai) {
case 'A':
pesan = "Kerja bagus!";
break;
case 'B':
pesan = "Kerja bagus!";
break;
case 'C':
pesan = "Usaha bagus!";
break;
case 'D':
pesan = "Anda perlu belajar lebih banyak.";
break;
case 'F':
pesan = "Silakan datang ke kelas setelah pelajaran.";
break;
default:
pesan = "Nilai tidak valid";
}

console.log(pesan); // Output: Kerja bagus!

Dalam contoh ini:

1. Kita set nilai ke 'B'.
2. Pernyataan switch memeriksa nilai nilai.
3. Itu menemukan kesamaan dalam case 'B'.
4. Itu menset pesan ke "Kerja bagus!".
5. Pernyataan break keluar dari blok switch.
6. Kita log pesan ke konsol.

Contoh 3: Kasus Ganda

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

let buah = "apple";
let kategori;

switch(buah) {
case "apple":
case "pear":
case "banana":
kategori = "buah umum";
break;
case "mango":
case "papaya":
kategori = "buah tropis";
break;
default:
kategori = "buah tak dikenal";
}

console.log(kategori); // Output: buah umum

Dalam contoh ini:

1. Kita set buah ke "apple".
2. Pernyataan switch memeriksa nilai buah.
3. Itu menemukan kesamaan dalam case "apple".
4. Karena tidak ada break, itu terus ke baris berikutnya.
5. Itu menset kategori ke "buah umum".
6. Pernyataan break kemudian keluar dari blok switch.

Metode Switch Case

Berikut adalah tabel metode yang berkaitan dengan Switch Case dan deskripsinya:

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 ketika Anda memiliki banyak kondisi untuk diperiksa. Itu seperti pengontrol lalu lintas, mengarahkan kode Anda ke tempat yang benar berdasarkan nilai tertentu.

Jadi, disini Anda punya! Anda sekarang dilengkapi dengan kekuatan Switch Case. Ingat, latihan membuat sempurna, jadi cobalah membuat pernyataan Switch Case Anda sendiri. Mungkin buat permainan di mana pilihan berbeda mengarah ke hasil berbeda. Kemungkinannya tak terbatas!

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

Credits: Image by storyset