Switch Case di dalam JavaScript


Fika Ridaul Maulayya
Software Engineer | Content Creator | Founder & Author di SantriKoding.com

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


Fika Ridaul Maulayya
Software Engineer | Content Creator | Founder & Author di SantriKoding.com

Jika Anda menyukai konten kami, silakan pertimbangkan untuk membeli kopi untuk kami.
Terima kasih atas dukungan Anda!

Buy me a coffeeBuy me a coffee
KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami

KOMENTAR