Sunday, January 11, 2015

Tutorial Javascript Part 21: Menggunakan BREAK dan CONTINUE

BREAK adalah perintah yang digunakan untuk keluar dari proses perulangan sedangkan CONTINUE digunakan untuk melewati satu proses perulangan didalam sebuah loop. Kita menggunakan break dan continue untuk mengontrol perulangan pada javascript.

Misalnya saat menggunakan perulangan FOR tanpa statemen 2 maka didalam perulangan FOR harus ditaruh break agar tidak terjadi perulangan abadi yang menyebabkan crash pada browser. Sedangkan CONTINUE digunakan untuk melewati atau tidak mengerjakan perulangan didalam loop. Misalnya saat perulangan FOR kita mengabaikan perulangan saat muncul nilai tertentu saja.

Mengunakan BREAK

Seperti diketahui bahwa statemen break berfungsi untuk menghentikan perulangan. Setelah statemen break dieksekusi maka program akan berlanjut pada kode dibawah perulangan yang di-break tadi. Jadi break hanya berfungsi didalam perulangan saja.

Selain dipakai pada perulangan, statemen break juga dipakai saat kita menggunakan penyeleksian dengan SWITCH, yaitu saat selesai proses pada satu kondisi penyeleksian.

Contoh penggunaan BREAK pada perulangan FOR javascript:

Pada contoh berikut ini kita membuat perulangan untuk menampilkan angka 1 sampai 10 namun kita membuat break saat angka telah mencapai 4.
 <!DOCTYPE html>  
 <html>  
 <body> 

 <button onclick="showAngka()">Tampilkan</button>  
   
 <p id="view"></p>  
   
 <script>  
 function showAngka() {  
   var text = "";  
   var i;  
   for (i = 0; i < 10; i++) {  
     if (i == 4) break;  
     text += "Angka = " + i + "<br>";  
   }  
   document.getElementById("view").innerHTML = text;  
 }  
 </script>  
   
 </body>  
 </html>  

Contoh penggunaan BREAK pada penyeleksian SWITCH javascript :

Pada penyeleksian switch kita harus menuliskan break setiap kali selesai proses satu kondisi.
 <!DOCTYPE html>  
 <html>  
 <body>  
   
 <p>Klik untuk menampilkan hari apa ini:</p>  
   
 <button onclick="showDay()">Tampilkan</button>  
   
 <p id="demo"></p>  
   
 <script>  
 function showDay() {  
   var hari;  
   switch (new Date().getDay()) {  
     case 0:  
       hari = "Ahad";  
       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";  
       break;  
   }  
   document.getElementById("demo").innerHTML = "Ini hari " + hari;  
 }  
 </script>  
   
 </body>  
 </html>  

Menggunakan CONTINUE

Continue digunakan untuk melewati satu proses perulangan didalam sebuah loop saat perulangan mencapai kondisi tertentu. Dengan continue, kita bisa membuat perulangan mengabaikan satu atau beberapa perulangan jika kondisi yang memicu perintah continue telah terpenuhi.

Contoh penggunaan CONTINUE pada perulangan FOR javascript:

Pada contoh berikut kita mengabaikan angka 5 dan tidak ditampilkan pada browser.
 <!DOCTYPE html>  
 <html>  
 <body> 

 <button onclick="showAngka()">Tampilkan</button>  
   
 <p id="view"></p>  
   
 <script>  
 function showAngka() {  
   var text = "";  
   var i;  
   for (i = 0; i < 10; i++) {  
     if (i == 5) continue;  
     text += "Angka = " + i + "<br>";  
   }  
   document.getElementById("view").innerHTML = text;  
 }  
 </script>  
   
 </body>  
 </html>  

Menggunakan BREAK pada label

Kita telah mengenal penggunaan label saat menggunakan penyeleksian SWITCH. Label dapat digunakan untuk menandai statemen-statemen perintah pada javascript.

Contoh penggunaan BREAK pada label javascript:

 <!DOCTYPE html>  
 <html>  
 <body>  
   
 <p id="view"></p>  
   
 <script>  
 buah = ["Apel", "Jeruk", "Pisang", "Semangka"];  
 text = "";  
   
 list: {  
   text += buah[0] + "
";   
   text += buah[1] + "<br>";   
   text += buah[2] + "<br>";   
   break list;  
   text += buah[3] + "<br>";   
   text += buah[4] + "<br>";   
   text += buah[5] + "<br>";   
 }  
   
 document.getElementById("view").innerHTML = text;  
 </script>  
   
 </body>  
 </html>  

Lihat indeks artikel Tutorial Javascript Dasar >>

Referensi :

0 komentar

Post a Comment