Switch Case pada Javascript – Hi bret kali saya akan melanjutkan dari artikel yang sebelumnya, dan di artikel ini saya akan membahas tentang cara membuat SWITCH CASE pada Javascript.

SWITCH CASE adalah function yang berguna untuk membuat pengujian sebuah nilai. Dan nilai yang tersedia untuk pengujian bisa banyak atau lebih dari 1.

Penggunaan kondisi ini sendiri dalam javascript yaitu kondisi IF ELSE dan juga SWITCH CASE, dimana SWITCH CASE merupakan bentuk khusus dari struktur IF ELSE. SWITCH CASE di gunakan untuk percabangan kode program dimana kondisi yang diperiksa hanya ada 1 namun memiliki banyak opsi.

Switch Case pada Javascript

Pernyataan SWITCH CASE dapat memiliki sintaks yang lebih bersih daripada pernyataan IF ELSE yang rumit.

Lihatlah contoh di bawah ini cara menggunakan IF ELSE yang panjang ini, kamu mungkin lebih memilih untuk menggunakan pernyataan SWITCH CASE yang lebih mudah di baca.

Contoh Source Code IF ELSE :

const buah = "pisang";

if (buah === "apel") {
  console.log("saya punya apel");
} else if (buah === "pisang") {
  console.log("saya punya pisang");
} else if (buah === "jeruk") {
  console.log("saya punya jeruk");
} else if (buah === "leci") {
  console.log("saya punya leci");
} else if (buah === "melon") {
  console.log("saya punya melon");
} else {
  console.log("saya tidak punya buah");
}

Contoh Source Code SWITCH CASE :

const buah = "pisang";
 
switch (buah) {
  case "apel":
    console.log("saya pilih apel");
    break;
  case "pisang":
    console.log("saya pilih pisang");
    break;
  case "jeruk":
    console.log("saya pilih jeruk");
    break;
  case "leci":
    console.log("saya pilih leci");
    break;
  case "melon":
    console.log("saya pilih melon");
    break;
  default:
    console.log("saya tidak pilih apa-apa");
    break;
}

Missing Break Statements

Dalam contoh ini, yang cocok adalah case 2. Namun tanpa perintah break, komputer akan melanjutkan ke case 3 dan mode default.

lebakcyber.net – Switch Case di Javascript. Pada kesempatan kali ini kita akan membahas mengenai switch case pada bahasa pemrograman Javascript dimana switch case sendiri dapat digunakan untuk membuat sebuah pengecekan dari suatu nilai, dan nilai yang ada untuk dilakukan pengecekan bisa lebih dari satu.

Dan pada kesempatan kali ini kita akan membuat sebuah contoh penggunaan fungsi switch case pada Javascript dengan sebuah variabel bernama buah lalu selanjutnya kita akan melakukan pengecekan isi dari variabel tersebut.

Oke langsung saja kita praktekan penggunaan Switch case tersebut, silahkan buat sebuah file index.html baru lalu masukan perintah seperti dibawah ini :

Advertisements

    


    
Switch Case Di Javascript | lebakcyber.net
 
    

 
    

 

Pada perintah diatas kita membuat sebuah variabel dengan nama buah dan memiliki nilai Apel seperti dibawah ini :

var buah = "Apel";

Lalu kita lakukan pengecekan dengan menggunakan perintah switch case isi dari variabel buah tersebut dengan perintah seperti dibawah ini :

switch (buah){
            case "Apel":
                teks = "Buah Apel Berwarna Merah";
                break;
            case "Anggur":
                teks = "Buah Anggur Berwarna Biru";
                break;
            case "Jeruk":
                teks = "Buah Jeruk Berwarna Kuning";
                break;
            default:
                teks = "Buah tidak diketahui";
        }

Kalau nama buah yang dimasukan pada variabel buah ditemukan maka nantinya proses pengecekan akan dihentikan dan akan ditampilkan hasilnya. Contohnya pada perintah diatas kita memasukan nilai Apel pada variabel buah, maka pada saat dijalankan melalui browser hasilnya akan seperti pada gambar dibawah ini :

Kalau misalnya nama buah yang kita masukan pada variabel buah tidak ada pada pengondisian switch case, maka akan menampilkan teks “Buah tidak diketahui” seperti pada gambar dibawah ini :

Advertisements

Jadi kalau nama buah tidak ditemukan, maka hasil yang akan ditampilkan adalah nilai yang ada pada bagian default.

Oke jadi seperti itulah bagaimana cara untuk menggunakan perintah Switch Case pada bahasa pemrograman Javascript, semoga tutorial sederhana ini dapat bermanfaat dan sampai jumpa di tutorial belajar Javascript selanjutnya.

Apa itu Switch Case pada javascript?

Apa yang dimaksud dengan percabangan switch case?