Kondisi Dengan Switch

View Categories

Kondisi Dengan Switch

Kondisi switch berguna untuk mengeksekusi suatu kumpulan perintah berdasarkan beberapa pilihan.

switch(expression) {
  case x:
    // code block
    break;
  case y:
    // code block
    break;
  default:
    // code block
}

Kondisi switch

Cara kerja kondisi switch :

  • Nilai expression diperiksa terlebih dahulu
  • Nilai tersebut dibandingkan dengan nilai pada setiap case (x, y ..)
  • Apabila nilai tersebut cocok dengan salah satu case maka kumpulan perintah pada case tersebut akan dieksekusi
  • Apabila tidak ada nilai yang cocok maka kumpulan perintah pada default akan dieksekusi

Bahan Belajar JavaScript Switch Case Lain

switch (new Date().getDay()) {
  case 0:
    day = "Sunday";
    break;
  case 1:
    day = "Monday";
    break;
  case 2:
     day = "Tuesday";
    break;
  case 3:
    day = "Wednesday";
    break;
  case 4:
    day = "Thursday";
    break;
  case 5:
    day = "Friday";
    break;
  case 6:
    day = "Saturday";
}

Jalankan Contoh

Pada contoh di atas fungsi getDay mengembalikan hari dari 0 (Minggu) – 6 (Sabtu). Kondisi switch akan mencetak nama hari sesuai kembalian fungsi getDay.

Pentingnya Perintah break

Perintah break pada setiap akhir case sangat penting. Perintah break akan menghentikan eksekusi baris coding pada case berikutnya. Tanpa perintah break maka baris coding pada case berikutnya akan tetap dieksekusi.

Case default

Case default akan dieksekusi apabila tidak ada nilai yang cocok pada case-case sebelumnya.

switch (new Date().getDay()) {
  case 6:
    text = "Today is Saturday";
    break;
  case 0:
    text = "Today is Sunday";
    break;
  default:
    text = "Looking forward to the Weekend";
}

Jalankan Contoh

Contoh di atas memperlihatkan variable text akan bernilai Looking forward to the Weekend apabila fungsi getDay bernilai selain 0 (Minggu) dan 6 (Sabtu). Case default tidak perlu diletakkan pada bagian akhir kondisi switch.

switch (new Date().getDay()) {
  default:
    text = "Looking forward to the Weekend";
    break;
  case 6:
    text = "Today is Saturday";
    break;
  case 0:
    text = "Today is Sunday";
}

Jalankan Contoh

Menggabung Beberapa Case

Beberapa case juga bisa digabung untuk mengeksekusi kumpulan perintah yang sama. Pada contoh di bawah ini case 4 dan 5 memakai kumpulan perintah yang sama. Apabila case 4 atau 5 terpenuhi maka variable text akan bernilai Soon it is Weekend. Case 0 dan 6 juga memakai kumpulan perintah yang sama.

switch (new Date().getDay()) {
  case 4:
  case 5:
    text = "Soon it is Weekend";
    break;
  case 0:
  case 6:
    text = "It is Weekend";
    break;
  default:
    text = "Looking forward to the Weekend";
}

Jalankan Contoh

Tutorial sebelumnya : Kondisi Dengan JavaScript
Tutorial setelahnya : Perulangan Pada JavaScript
Semua Tutorial JavaScript : Tutorial JavaScript 

Tinggalkan Balasan