Switch Case di dalam JavaScript - Halo teman-teman semuanya, di artikel sebelumnya kita sudah membahas tentang peryantaan atau kondisi dengan menggunakan beberapa statment yaitu IF, ELSE dan ELSE IF.
Pada artikel kali ini kita semua akan belajar tentang penerapan Switch Case di dalam bahasa pemrogramman JavaScript.
Kita dapat menggunakan beberapa if ... else ... if statement, seperti pada artikel sebelumnya, untuk melakukan cabang multiway.
Namun, ini tidak selalu merupakan solusi terbaik, terutama ketika semua cabang bergantung pada nilai variabel tunggal.
Dimulai dengan JavaScript 1.2, Kita dapat menggunakan pernyataan switch case yang menangani situasi ini dengan tepat, dan ia melakukannya dengan lebih efisien daripada mengulangi pernyataan if … else … if.
Alur Cara Kerja Switch Case
Diagram alir berikut menunjukkan bagaimana pernyataan Switch Case bekerja
Sintaks
Tujuan dari pernyataan switch adalah untuk memberikan ekspresi untuk mengevaluasi dan beberapa pernyataan berbeda untuk dieksekusi berdasarkan nilai ekspresi.
Memeriksa setiap kasus terhadap nilai ekspresi sampai kecocokan ditemukan. 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)
}
Statment Break menunjukkan akhir dari suatu kasus tertentu. Jika dihilangkan akan melanjutkan mengeksekusi setiap pernyataan dalam setiap kasus berikut.
Contoh
Coba contoh berikut untuk menerapkan pernyataan sakelar kasus.
<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 diatas, kurang lebih hasilnya seperti berikut ini :
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.
<html>
<body>
<script type = "text/javascript">
var grade = 'A';
document.write("Entering switch block<br />");
switch (grade) {
case 'A': document.write("Good job<br />");
case 'B': document.write("Pretty good<br />");
case 'C': document.write("Passed<br />");
case 'D': document.write("Not so good<br />");
case 'F': document.write("Failed<br />");
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 diatas, kurang lebih hasilnya seperti berikut ini :
Entering switch block
Good job
Pretty good
Passed
Not so good
Failed
Unknown grade
Exiting switch block
Set the variable to different value and then try...
sumber : https://www.tutorialspoint.com/javascript/javascript_switch_case.htm