Cara menggunakan SWITCJ di JavaScript

Setelah mempelajari cara menggunakan struktur logika IF ELSE pada tutorial JavaScript sebelumnya, kali ini kita akan membahas cara menulis Struktur Logika SWITCH pada JavaScript

Memahami Struktur Logis SWITCH dalam JavaScript

Struktur logika SWITCH dapat disederhanakan sebagai bentuk khusus dari struktur IF ELSE. SWITCH digunakan untuk percabangan kode program dimana kondisi yang dicentang hanya 1 tetapi membutuhkan banyak pilihan

Struktur dasar penulisan SWITCH adalah sebagai berikut

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 input dari struktur SWITCH biasanya adalah variabel yang akan diperiksa. Hasil percabangan dari variabel akan ditangani oleh perintah case. Opsi default dapat ditambahkan untuk menangani kasus yang tidak ditangani oleh perintah kasus

Cara Menulis Struktur Logis SWITCH di JavaScript

Agar lebih mudah dipahami, kita tinggal memasukan kode program SWITCH di JavaScript. Contoh program berikut mengambil contoh terakhir pada tutorial percabangan ELSE IF sebelumnya, yaitu kita mengecek nilai variabel numerik dan menampilkan hasilnya dalam bentuk huruf. Jika menggunakan struktur SWITCH, berikut cara penulisannya

<script>
var angka=5;
 
switch (angka) 
{
case 1:
       console.log("Angka Satu");
       break;
case 2:
       console.log("Angka Dua");
       break;
case 3:
       console.log("Angka Tiga");
       break;
case 4:
       console.log("Angka Empat");
       break;
default:
       console.log("Bukan angka 1 - 4");
       break;  
}
</script>

Setelah mendeklarasikan variabel a dan mengisi nilainya dengan angka 5, selanjutnya kita masuk ke struktur SWITCH

Blok SWITCH dimulai dan diakhiri dengan kurung kurawal. Dan kemudian untuk setiap kemungkinan yang muncul dari variabel numerik diakomodir dengan perintah case

Perintah case diikuti dengan kondisi 'accommodated'. Pada contoh di atas, saya mengisikan variabel angka dengan case 1 untuk menangani kondisi if number==1, case 2 untuk menangani kondisi if number==2, dan seterusnya. Setiap kasus sebelumnya diikuti oleh titik dua (. )

Pada kondisi terakhir terdapat default order yang tujuannya untuk mengakomodir kondisi jika semua kondisi kasus tidak tersedia. Misalnya, jika variabel numerik berisi angka 0, maka kondisi kasus yang ada tidak tersedia untuk menangani hal ini, dan perintah default akan dijalankan.

Jika Anda perhatikan dalam setiap kasus, saya menambahkan perintah break. Perintah break di sini dimaksudkan untuk menginstruksikan JavaScript agar segera keluar dari SWITCH jika ditemukan salah satu kasus. Jika kita tidak menyertakan perintah break, maka semua perintah mulai dari case yang sesuai hingga paling bawah akan dijalankan. Ini sebuah contoh

<script>
var angka=3;
 
switch (angka) 
{
case 1:
       console.log("Angka Satu");
case 2:
       console.log("Angka Dua");
case 3:
       console.log("Angka Tiga");
case 4:
       console.log("Angka Empat");
default:
       console.log("Bukan angka 1 - 4");
}
</script>

Jika Anda menjalankan kode JavaScript, maka yang akan dihasilkan adalah

Angka Tiga
Angka Empat
Bukan angka 1 – 4

Hal ini terjadi karena jika tidak ada perintah break maka struktur SWITCH akan mengeksekusi seluruh kode program mulai dari posisi case yang dicapai

Sekilas kebutuhan akan perintah break ini membuat kondisi SWITCH sedikit rumit, namun karena itu kita bisa membuat perintah break sebagai berikut

<script>
var angka=9;
 
switch (angka) 
{
case 1:
case 2:
case 3:
case 4:
case 5:
       console.log("Angka berada antara 1-5");
break;
case 6,7,8,9,10:
       console.log("Angka berada antara 6-10");
break;
default:
       console.log("Bukan angka 1 - 10");
break;
}
</script>

Contoh kode program akan berjalan sebagaimana mestinya

Pada tutorial JavaScript kali ini kita telah mempelajari tentang struktur logika SWITCH, pada tutorial selanjutnya kita akan membahas struktur loop FOR pada JavaScript

eBuku JavaScript Uncover Duniailkom

JavaScript sudah menjadi fitur wajib di setiap website modern. Duniailkom telah menyusun eBook JavaScript Uncover yang membahas JavaScript secara lebih detail dan lengkap mulai dari dasar hingga konsep DOM, Events dan AJAX. Penjelasan lebih lanjut dapat dilihat di eBook Uncover JavaScript Duniailkom

Tukar Huruf Pada JavaScript - Halo semuanya, pada artikel sebelumnya kita telah membahas tentang pernyataan atau kondisi dengan menggunakan beberapa pernyataan yaitu IF, ELSE dan ELSE IF

Pada artikel ini kita semua akan belajar tentang penerapan Switch Case dalam bahasa pemrograman JavaScript

Kita dapat menggunakan beberapa if. sebaliknya. jika pernyataan, seperti pada artikel sebelumnya, untuk melakukan cabang multiway

Namun, ini tidak selalu merupakan solusi terbaik, terutama ketika semua cabang bergantung pada satu nilai variabel

Memulai JavaScript 1. 2, Kita dapat menggunakan pernyataan switch case yang menangani situasi ini dengan tepat, dan melakukannya lebih efisien daripada mengulangi pernyataan if .. else .. if

Alihkan Alur Kerja Kasing

Bagan alur berikut menunjukkan cara kerja pernyataan Switch Case

Sintaksis

Tujuan dari pernyataan switch adalah untuk memberikan ekspresi untuk dievaluasi dan beberapa pernyataan berbeda untuk dieksekusi berdasarkan nilai ekspresi

Periksa setiap kasus terhadap nilai ekspresi sampai ditemukan kecocokan. Jika tidak ada yang cocok, kondisi default akan digunakan

switch (expression) {
   case condition 1: statement(s)
   break;
   
   case condition 2: statement(s)
   break;
   ...
   
   case condition n: statement(s)
   break;
   
   default: statement(s)
}

Pernyataan Istirahat menunjukkan akhir dari kasus tertentu. Jika dihilangkan akan terus mengeksekusi setiap pernyataan dalam setiap kasus berikut

Contoh Coba contoh berikut untuk menerapkan pernyataan pergantian huruf besar-kecil

<html>
   <body>   
      <script type = "text/javascript">
            var grade = 'A';
            document.write("Entering switch block<br />");
            switch (grade) {
               case 'A': document.write("Good job<br />");
               break;
            
               case 'B': document.write("Pretty good<br />");
               break;
            
               case 'C': document.write("Passed<br />");
               break;
            
               case 'D': document.write("Not so good<br />");
               break;
            
               case 'F': document.write("Failed<br />");
               break;
            
               default:  document.write("Unknown grade<br />")
            }
            document.write("Exiting switch block");
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

Dari kode di atas, hasilnya kurang lebih seperti berikut

Entering switch block
Good job
Exiting switch block
Set the variable to different value and then try...

Pernyataan break memainkan peran utama dalam pernyataan switch-case. Coba kode berikut yang menggunakan pernyataan Switch Case tanpa pernyataan Break