Pada kesempatan kali ini saya akan menjelaskan cara menggunakan switch di javascript. Perlu teman-teman ketahui sebelumnya, switch adalah salah satu statement di javascript yang digunakan untuk membuat suatu kondisi percabangan sama halnya seperti else if. Hanya saja untuk statement tersebut bernilai true dan tidak memiliki nilai false karena biasanya untuk kondisi false tersebut langsung diakhiri
dengan statement break, dimana statement break tersebut adalah untuk mengakhiri proses dari statement switch tersebut apabila bernilai false. Untuk statement switch tersebut memiliki kondisi default dimana kondisi tersebut dipisahkan dengan case. Dan biasanya untuk kondisi default tersebut dimanfaatkan untuk kondisi jika semua kondisi tidak ditemukan, atau jika dipercabangan else if, default tersebut sama halnya seperti statement else. namun itu tidak diharuskan,
karena kondisi default tersebut tidak hanya untuk kondisi jika nilai false. Seperti pada contoh yang saya buat dibawah ini, dimana untuk statement default dari kondisi tersebut saya jalankan apabila semua kondisi yang dicari tidak ada atau false.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CaraMenggunakan
SwitchDiJavascript</title> </head> <body> </body> <script> varcari=3; switch
(cari) { case1: alert('kondisi 1'); break; case2: alert('kondisi 2'); break; case
3: alert('kondisi 3'); break; case4: alert('kondisi 4'); break; default: alert('belum ada kondisi !');
} </script> </html> keterangan : untuk menguji kondisi default, var cari = 3 diubah menjadi var cari = 5 dst. Pada statement switch case tersebut jika di PHP biasanya cocok untuk diterapkan untuk membuat halaman dinamis, namun untuk penggunaan di javascript bisa digunakan untuk keperluan yang lebih luas lagi dan tinggal teman-teman kembangkan lagi. Sampai disini penjelasan saya mengenai cara menggunakan switch di javascript, semoga bermanfaat. 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. pada tutorial sebelumnya kita telah membahas tentang cara menggunakan switch case pada php. dan di tutorial ini
kita akan membahas tentang penggunaan switch case pada javascript. silahkan teman-teman perhatikan contoh penggunaan switch case pada javascript berikut. Pada contoh penggunaan switch case pada javascript di tutorial ini. kita akan membuat pengecekan sebuah variabel warna yang berisi merah. dan kemudian kita cek isi variabel warna ini. baca tutorial sebelumnya tentang pengenalan variabel pada javascript. switch.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 <!DOCTYPE html> <html> <head> <title>Belajar Javascript Part10:Switch Case Di Javascript</title>
</head> <body> <h2>Switch Case Di Javascript</h2> <h2>www.malasngoding.com</h2>
<!--id hasil--> <div id="hasil"></div> <script> var warna="merah"; switch(warna){
case"hitam": teks="warna hitam"; break; case"merah": teks="Warna merah"; break; case"hijau":
teks="Warna hijau"; break; default: teks="Warna tidak terdeteksi"; } document.getElementById("hasil").innerHTML=teks;
</script> </body> </html> perhatikan pada contoh di atas. kita memiliki sebuah variabel bernama warna. dan berisi string “merah”. kemudian kita mengecek isi variabel warna ini. switch(warna){ case"hitam": teks="warna hitam"; break; case"merah": teks="Warna merah"; break;
case"hijau": teks="Warna hijau"; break; default: teks="Warna tidak terdeteksi"; } jika warna menemukan data case nya yang sesuai dengan isi dari variabel warna maka proses pengecekan akan di hentikan. di sini data di temukan pada pengecekan kedua yaitu merah. kemudian kita menyimpan string ke dalam variabel teks. sampai di sini kita telah memiliki isi di dalam variabel teks. dan terakhir kita tampilkan. document.getElementById("hasil").innerHTML=teks; dan hasilnya. belajar javascript switch case pada javascript sedikit tambahan, pada bagian default adalah bagian dimana jika
pengecekann tidak di temukan maka default yang akan di gunakan. misalnya jika pengecekan warna tidak ada yg sesuai maka default yang di jalankan. sekian dulu tutorial Belajar Javascript Part 10 : Switch Case Di Javascript. semoga dapat bermanfaat. Apa itu switch pada javascript?Switch adalah pernyataan bersyarat seperti pernyataan if. Switch berguna ketika kalian ingin mengeksekusi salah satu dari beberapa blok kode berdasarkan nilai yang dikembalikan dari ekspresi yang ditentukan. Sesuai syntaxdi atas, pernyataan switch berisi ekspresi atau nilai literal. Kapan kita harus menggunakan switch case?Dari segi use case, apabila yang di cek hanya satu variabel dan hanya melakukan pengecekan apakah nilai variabel sama atau tidak dengan value tertentu, maka cocok menggunakan switch case. Apa itu Switch Case 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.
Kapan kita harus menggunakan switch case?Dari segi use case, apabila yang di cek hanya satu variabel dan hanya melakukan pengecekan apakah nilai variabel sama atau tidak dengan value tertentu, maka cocok menggunakan switch case.
|
Cara menggunakan SWICTH pada JavaScript
Pos Terkait
Copyright © 2024 toptenid.com Inc.
