Cara menggunakan switch case javascript example

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.

Table of Contents Show

The default Keyword
Common Code Blocks
Switching Details
Strict Comparison
Test Yourself With Exercises
Apa itu Switch Case pada javascript?
Apa yang dimaksud dengan percabangan switch case?

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

<!DOCTYPE html>
<html>
<head>
    <title>Penggunaan Switch Case Pada Bahasa Pemrograman Javascript</title>
</head>
<body>
    <h1>Switch Case Di Javascript | lebakcyber.net</h1>
 
    <div id="hasil_switch_case"></div>
 
    <script>
    
        var buah = "Apel";
 
        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";
        }		
        
        document.getElementById("hasil_switch_case").innerHTML = teks;
    </script>
</body>
</html>

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 :

The default Keyword

The default keyword specifies the code to run if there is no case match:

Example

The getDay() method returns the weekday as a number between 0 and 6.

If today is neither Saturday (6) nor Sunday (0), write a default message:

switch (new Date().getDay()) {
case 6:
text = "Today is Saturday";
    break;
  case 0:
    text = "Today is Sunday";
    break;
default:
    text = "Looking forward to the Weekend";
}

The result of text will be:

Try it Yourself »

The default case does not have to be the last case in a switch block:

Example

switch (new Date().getDay()) {
  default:
    text = "Looking forward to the Weekend";
    break;
  case 6:
text = "Today is Saturday";
    break;
  case 0:
    text = "Today is Sunday";
}

Try it Yourself »

If default is not the last case in the switch block, remember to end the default case with a break.

Common Code Blocks

Sometimes you will want different switch cases to use the same code.

In this example case 4 and 5 share the same code block, and 0 and 6 share another code block:

Example

switch (new Date().getDay()) {
  case 4:
  case 5:
    text = "Soon it is Weekend";
    break;
  case 0:
  case 6:
    text = "It is Weekend";
    break;
  default:
    text = "Looking forward to the Weekend";
}

Try it Yourself »

Switching Details

If multiple cases matches a case value, the first case is selected.

If no matching cases are found, the program continues to the default label.

If no default label is found, the program continues to the statement(s) after the switch.

Strict Comparison

Switch cases use strict comparison (===).

The values must be of the same type to match.

A strict comparison can only be true if the operands are of the same type.

In this example there will be no match for x:

Example

let x = "0";
switch (x) {
  case 0:
    text = "Off";
    break;
  case 1:
    text = "On";
    break;
default:
    text = "No value found";
}

Try it Yourself »

Test Yourself With Exercises

Exercise:

Create a switch statement that will alert "Hello" if switch0 is "banana", and "Welcome" if switch0 is "apple".

Apa itu Switch Case pada javascript?

Belajar Javascript Part 10 : Switch Case Di Javascript – Switch Case adalah fungsi yang berguna untuk membuat pengecekan sebuah nilai. dan nilai yang tersedia untuk pengecekan bisa banyak atau lebih dari satu.

Apa yang dimaksud dengan percabangan switch case?

Kondisi SWITCH CASE adalah percabangan kode program dimana kita membandingkan isi sebuah variabel dengan beberapa nilai. Jika proses perbandingan tersebut menghasilkan true, maka block kode program akan di proses.