Hallo semuanya, pada Bahasa pemrograman memang memiliki aturan yang dinamakan kondisi, yaitu penerapan konsep jika dan maka. Penggunaan kondisi sendiri merupakan satu hal wajib yang memang tak bias dilepaskan dalam Bahasa pemrograman, karena memang secara logika, sesuatu yang terjadi pasti ada penyebabnya dan timbul berbagai macam akibat.
Switch case adalah fungsi yang berguna untuk membuat pengecekan sebuah nilai.Dan nilai yang tersedia untuk pengecekan bisa banyak atau lebih dari satu.
Penggunaan kondisi sendiri dalam javascript terdapat kondisi IF ELSE dan juga SWITCH CASE, dimana switch merupakan bentuk khusus dari struktur if else. Switch Case digunakan untuk percabangan kode program dimana kondisi yang diperiksa hanya ada 1 namun memiliki banyak opsi.
switch (kondisi)
{
case hasil_kondisi_1:
     // kode program jika kondisi sama dengan hasil_kondisi_1
     break;
case hasil_kondisi_2:
     // kode program jika kondisi sama dengan hasil_kondisi_2
     break;
default:
     kode program untuk kondisi lainnya
     break;
}
Kondisi untuk inputan struktur SWITCH diatas biasanya merupakan variabel yang akan diperiksa. Hasil percabangan dari variabel tersebut akan dikelola oleh perintah case. Opsi default bisa ditambahkan untuk menangani kasus yang tidak ditangani oleh perintah case atau menjadi kondisi terakhir ketika tidak didefinisikan pada perintah case.
Saya rasa penjelasan diatas sudah cukup mudah untuk dimengerti ya teman - teman, jadi sekarang kita akan coba menerapkan dengan kasus yang sebenarnya.
Pada contoh penggunaan switch case pada javascript di tutorial ini.Kita akan membuat pengecekkan sebuah variable warna yang berisi merah.Dan kemudian kita cek isi variable warna ini
Pertama, Kalian coba buka text editor kalian dan kita buat struktur html seperti biasa dengan kode javascript di dalamnya seperti berikut.
Switch.html
   
Perhatikan pada contoh di atas. Kita memiliki sebuah variabel bernama warna.Dan berisi string “merahâ€.
Var warna =â€merahâ€
Kemudian kita mengecek dengan isi variable warna ini
|
switch (warna){ Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â case "hitam": Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â teks = "warna hitam"; Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â break; Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â case "merah": Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â teks = "Warna merah"; Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â break; Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â case "hijau": Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â teks = "Warna hijau"; Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â break; Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â default: Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â teks = "Warna tidak terdeteksi"; } |
Jika warna menemukan data case nya yang sesuai dengan isi dari variabel warna maka proses pengecekan akan di hentikan. di sini data di temukan pada pengecekan kedua yaitu merah. kemudian kita menyimpan string ke dalam variabel teks. sampai di sini kita telah memiliki isi di dalam variabel teks. dan terakhir kita tampilkan.
document.getElementById("hasil")[removed] = teks
Dan hasilnya
    
Sedikit tambahan pada bagian default adalah bagian dimana jika pengecekkan tidak di temukan maka default yang akan di gunakan.Misalnya jika pengecekan warna tidak ada yang sesuai maka default yang akan di  jalankan.
Sekian dulu tutorial Belajar Javascript part 9: Switch case di Javascript.Semoga dapat bermanfaat.
