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 – 4Hal 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, Event 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. jika tidak. 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