Pada kesempatan kali ini saya akan menjelaskan cara membuat switch statement di javascript. Perlu teman-teman ketahui, statement switch digunakan untuk melakukan tindakan yang berbeda berdasarkan kondisi yang berbeda.
Apa itu statement ?
Statement (pernyataan) adalah suatu Expresi atau Intruksi individu yang ditulis di dalam program untuk menginstruksi jalan nya proses program, dan berfungsi untuk memerintahkan bagaimana program tersebut berjalan.
Cara kerjanya, ekspresi memberikan untuk meng evaluasi dan beberapa pernyataan yang berbeda untuk mengeksekusi berdasarkan nilai dari ekspresi tersebut. Penafsir memeriksa setiap kondisi terhadap nilai ekspresi sampai kecocokan dapat di temukan. Dan jika nilai ekpresi tersebut ada yang cocok dengan kondisi nya, maka statement tersebut akan di eksekusi, namun jika tidak ada yang cocok, kondisi default nya akan digunakan atau dijalankan.
Berikut syntax nya :
|
1 2 3 4 5 6 7 8 9 10 |
switch(expression) { case n: code block break; case n: code block break; default: code block } |
Berikut beberapa Contoh penulisan nya :
Contoh 1
- Metode getDay () mengembalikan hari kerja sebagai angka antara 0 dan 6.
- (Minggu = 0, Senin = 1, Selasa = 2 )
- Contoh ini menggunakan nomor hari kerja untuk menghitung nama hari kerja:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
switch (new Date().getDay()) { case 0: day = "Sunday"; break; case 1: day = "Monday"; break; case 2: day = "Tuesday"; break; case 3: day = "Wednesday"; break; case 4: day = "Thursday"; break; case 5: day = "Friday"; break; case 6: day = "Saturday"; } |
Jika di jalankan, maka outputnya adalah :
|
1 |
Friday |
Contoh 2
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!DOCTYPE html> <html> <head> <title>Cara membuat Switch Statement Di Javascript</title> </head> <body> <script type="text/javascript"> var indeks ="C"; var keterangan = ""; switch(indeks){ case "A" : keterangan ="Sangat Baik"; break; case "B" : keterangan ="Baik"; break; case "C" : keterangan ="Kurang Baik"; break; case "D" : keterangan ="Cukup"; break; case "E" : keterangan ="Tidak Baik"; break; default : keterangan="Nilai indeks tidak bisa didefinisikan"; } document.write("Nilai indeks adalah "+ indeks + ". Keterangan "+ keterangan); </script> </body> </html> |
Contoh 3
- Metode getDay () mengembalikan hari kerja sebagai angka antara 0 dan 6.
- Jika hari ini bukan hari Sabtu (6) atau Minggu (0), tulis pesan default.
|
1 2 3 4 5 6 7 8 9 10 |
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"; } |
Jika di jalankan dan jika hari ini bukan hari sabtu atau minggu, maka Output nya adalah:
|
1 |
Looking forward to the Weekend |
Demikian penjelasan mengenai cara membuat switch statement di javascript, Semoga Bermanfaat.