• Tutorial dan Tips n Trik Komputer, Gadget dan lain-lain.
  • Review Film-film Layar Lebar, Serial TV dan lain-lain.
  • Review Gadget-gadget terbaru.

Belajar JavaScript Bagian 6 ( Conditional Statement - Switch )

Friday, March 11, 2011 Labels:

clip_image002

Masih tentang conditional statement, jika sebelumnya kita membahas tentang penyeleksian kondisi menggunakan statement if, maka berikut ini kita akan mempelajari penyeleksian kondisi menggunakan statement switch. Pada statement switch ini kita diharuskan menentukan beberapa kemungkinan dan jika dari sekian kemungkinan yang kita tentukan tersebut tidak ada kondisi yang memenuhi, maka kondisi default lah yang akan diesekusi oleh program. Untuk lebih jelasnya perhatikan syntax dan contoh dari switch statement berikut ini,

Syntax Switch Statement :

switch(){

case kemungkinan 1 : proses yang diesekusi jika kemungkinan 1 yang terpenuhi;break;

case kemungkinan 2 : proses yang diesekusi jika kemungkinan 2 yang terpenuhi;break;

default : proses yang diesekusi jika dari sekian kemungkinan tidak ada yang terpenuhi;

}

Penjelasan Syntax :

Statement switch memeriksa kondisi yang diberikan berikut kondisi kondisi yang telah ditentukan yang mungkin terjadi, anda dapat memberikan kominasi kemungkinan lebih dari 1 kemungkinan dan keyword default sebagai kemungkinan terakhir jika diantara kemungkinan yang kita berikan tidak terpenuhi. untuk setiap blok case harus diakhiri dengan keword break yang memberitahukan kepada alur program bahwa proses harus berhenti sampai disitu.

Untuk lebih jelasnya perhatikan dan bandingkan contoh-contoh berikut,

Code :

<html>

<head>

<title>Contoh JavaScript - Statement Switch (By. CobaLihatSaja.com)</title>

</head>

<body>

<h4>Contoh JavaScript - Statement Switch (By. CobaLihatSaja.com)</h4>

<script type="text/javascript">

var angka;

var kalimat;

angka=4;

switch(angka){

case 1 : kalimat="Satu ";break;

case 2 : kalimat="Dua ";break;

case 3 : kalimat="Tiga ";break;

case 4 : kalimat="Empat ";break;

case 5 : kalimat="Lima ";break;

default: kalimat="Bukan angka antara 1-5 ";break;

}

document.write("Variabel angka bernilai "+kalimat);

</script>

</body>

</html>

Hasil :

clip_image004

Penjelasan :

Pada contoh diatas kita membuat 2 buah variabel (angka dan kalimat), variabel angka berisi nilai numerik yang akan dicari kalimatnya, dan variabel kalimat digunakan untuk menampung kalimat dari variabel angka tersebut yang ditentukan melalui proses seleksi dengan statement switch.

Contoh dibawah ini menjelaskan kegunaan keyword “break”,

Code :

<html>

<head>

<title>Contoh JavaScript - Keyword Break (By. CobaLihatSaja.com)</title>

</head>

<body>

<h4>Contoh JavaScript - Keyword Break (By. CobaLihatSaja.com)</h4>

<script type="text/javascript">

var angka;

angka=1;

switch(angka){

case 1 : document.write("<br/>Satu");

case 2 : document.write("<br/>Dua");

case 3 : document.write("<br/>Tiga");

case 4 : document.write("<br/>Empat");

case 5 : document.write("<br/>Lima");

default: document.write("<br/>Bukan angka antara 1-5");

}

document.write("Variabel angka bernilai "+kalimat);

</script>

</body>

</html>

Hasil :

clip_image006

Seperti anda lihat pada contoh code diatas, seharusnya proses akan berhenti saat case 1 dibaca oleh program, akan tetapi seluruh kemungkinan/case berikutnya ikut diproses dikarenakan tidak ditemukannya keyword “break”. Cukup jelas bukan? See U...

Salam Persahabatan…….

0 comments:

Post a Comment

 
Coba Lihat Saja....... © 2010 | Designed by Blogger Hacks | Blogger Template by ColorizeTemplates