Skip to content Skip to sidebar Skip to footer

Cara Penggunaan (Percabangan) Kondisi SWITCH CASE Pada Javascript

Cara Penggunaan (Percabangan) Kondisi SWITCH CASE Pada Javascript
Pada javascript memiliki beberapa metode percabangan diantaranya ialah percabangan menggunakan kondisi IF/IF ELSE yang sudah saya bahas pada artikel sebelumnya dan percabangan logika SWITCH CASE di javascript yang akan saya bahas pada artikel kali ini.

Fungsi penggunaan percabangan Switch Case pada javascript maupun bahasa pemrograman lain berguna untuk mengecek sebuah nilai dengan jumlah lebih dari satu. Hampir sama seperti if else, namun bedanya jik menggunakan switch case ini saya rasa akan lebih simpel.

Mari kita lihat penulisan dasar percabangan switch case dalam javascript.


Cara Penulisan Logika Dasar SWITCH CASE

Gambar Cara penulisan logika percabangan switch case pada javascript

Switch memberikan sebuah (ekspresi), lalu akan melakukan pengecekan pada isi variabel case, kemudian cetak blok atau aksi.

Supaya lebih mudah memahami penggunaan switch case pada javascript, perhatikan program sederhana berikut ini.


Contoh Program Sederhana Percabangan Switch Case di Javascript

 <script type="text/javascript">
  var grade = "b";
  var nilai;

  switch(grade){
   case "a":
   nilai = "100";
   break;
   case "b":
   nilai = "70";
   break;
   case "c":
   nilai = "60";
  }
  document.write("Nilai = "+nilai);
 </script>

Keterangan : Variabel grade berisi nilai string "b" selanjutnya switch akan mengecek isi yang ada di variabel nilai sampai menemukan nilai yang sama yaitu string "b" = "70". Jika tidak ada, program akan berakhir dan keluar.

Hasil :


Program Percabangan Switch Case Javascript Menampilkan Hari
 <script type="text/javascript">
  var nilai = prompt('Masukan kode hari 1-7');
  var nama_hari;

  switch(nilai){
   case "1":
   nama_hari = "Senin";
   break;
   case "2":
   nama_hari = "Selasa";
   break;
   case "3":
   nama_hari = "Rabu";
   break;
   case "4":
   nama_hari = "Kamis";
   break;
   case "5":
   nama_hari = "Jumat";
   break;
   case "6":
   nama_hari = "Sabtu";
   break;
   case "7":
   nama_hari = "Minggu";
   break;
   default:
   nama_hari = "Kode yang anda masukan salah";
  }
  document.write("Hari "+nama_hari);
 </script>

Hasil :
Gambar Program Percabangan Switch Case Javascript Menampilkan Hari

Program diatas berikut penjelasannya : Selama user menginput nilai atau kode hari = 1-7 maka akan tampil nama hari, dan apabila user menginput nilai yang salah akan keluar dari program dan menampilkan pesan "Maaf, kode yang masukan salah".

Post a comment for "Cara Penggunaan (Percabangan) Kondisi SWITCH CASE Pada Javascript"