Hallo semuanya, kali ini kita lanjutkan pembahasan kita mengenai javascript. Pada materi kali ini kita akan bahas tentang switch. Saya rasa kalian telah belajar tentang switch pada bahasa pemrograman lainnya. Pada prinsipnya penggunaanya sama saja. Tapi tidak ada salahnya mari kita bahas bersama.
Apa itu Switch ?
Switch merupakan sebuah bentuk konstruksi pemilihan pelaksanaan suatu urutan perintah yang ditentukan oleh suatu kondisi yang bisa menghasilkan banyak kemungkinan nilai yang dihasilkan, tidak sekedar benar atau salah saja.Dalam Javascript penggunaan Switch Statement terdiri dari berikut.
Switch
Switch sendiri merupakan statement untuk memilih salah satu dari banyak kode block yang akan di eksekusi.
switch(expression) {
case x:
// code block
break;
case y:
// code block
break;
default:
// code block
}Cara kerja dari switch yaitu sebagai berikut :
1. Ekpresi akan di cek sekali saja.2. Nilai dari ekspresi akan di bandingkan dengan nilai yang lainnya3. Jika ada yang sesuai maka blok yang sesuai akan dijalankan4. Jika tidak ada yang cocok maka yang dijalankan adalah kode block default.
Contoh, kita akan menampilkan hari dengan metode getDay() metode ini akan mengembalikan nilai perhitungan hari menjadi angka dari 0-6 (0=minggu, 1=senin,....).
<!DOCTYPE html> <html> <body> <p id="contoh"></p> <script> var hari; switch (new Date().getDay()) { case 0: hari = "Minggu"; break; case 1: hari = "Senin"; break; case 2: hari = "Selasa"; break; case 3: hari = "Rabu"; break; case 4: hari = "Kamis"; break; case 5: hari = "Jumat"; break; case 6: hari = "Sabtu"; } document.getElementById("contoh").innerHTML = "Hari ini adalah hari " + hari; </script> </body> </html>
Break
Break digunakan untuk menghentikan eksekusi dalam block ketika, pada switch telah menemukan ekspresi yang sesuai.
Default
Kode default akan dijalankan ketika tidak ditemukan kecocokan dari semua kode block.
<!DOCTYPE html>
<html>
<body>
<p id="contoh"></p>
<script>
var hari;
switch (new Date().getDay()) {
case 4:
hari = "Kamis";
break;
case 5:
hari = "Jumat";
break;
case 6:
hari = "Sabtu";
default:
hari= "Tidak ada hari yang cocok";
}
document.getElementById("contoh").innerHTML = "Hari ini adalah hari " + hari;
</script>
</body>
</html>Silahkan dikembangkan sendiri kegunaan dari Switch pada Javascript ini.
Terimakasih.
Ahmad Subki
Posting Komentar