AMU OFFICIAL

Belajar javascript dasar lengkap untuk pemula – Part 5

Admin
Share to

Belajar JavaScript Dasar Lengkap

Perulangan Dalam JavaScript

Belajar javascript dasar lengkap untuk pemula – Saat menulis program, Anda mungkin menghadapi situasi di mana Anda perlu melakukan tindakan berulang kali. Dalam situasi seperti itu, Anda perlu menulis pernyataan loop untuk mengurangi jumlah baris. JavaScript mendukung semua loop yang diperlukan untuk mengurangi tekanan pemrograman.  Loop atau perulangan adalah suatu bentuk kegiatan mengulang suatu statement sampai batas yang diinginkan. Dalam pemograman Loop atau perulangan sangat berguna sekali.

Perulangan WHILE 

Perulangan paling dasar dalam JavaScript adalah perulangan while yang akan dibahas dalam bab ini. Tujuan dari while loop adalah untuk mengeksekusi pernyataan atau blok kode berulang kali selama ekspresi benar. Setelah ekspresi menjadi salah, loop berakhir.

Sintaks while loop dalam JavaScript adalah sebagai berikut:

while (expression)
{
   Statement(s) to be executed if expression is true
}

<html>
<body>
<script type="text/javascript">
var count = 0;
document.write("Starting Loop ");
while (count < 10)
{
document.write("Current Count : " + count + "<br />");
count++;
}
document.write("Loop stopped!");
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>

Perulangan DO … WHILE

Perulangan do … while mirip dengan perulangan while kecuali bahwa pemeriksaan kondisi terjadi di akhir perulangan. Ini berarti bahwa loop akan selalu dieksekusi setidaknya sekali, bahkan jika kondisinya salah.

 Bagan alur dari perulangan do-while adalah sebagai berikut:

 

Do
{
Statement(s) to be executed;
}
while (expression);

Note : Jangan lewatkan titik koma yang digunakan di akhir do … while loop.

<html>
<body>
<script type="text/javascript">
var count = 0;
document.write("Starting Loop" + "<br />");
do{
document.write("Current Count : " + count + "<br />");
count++;
}while (count < 5);
document.write ("Loop stopped!");
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>

Perulangan FOR

Perulangan ‘for’ adalah bentuk perulangan yang paling ringkas. Ini mencakup tiga bagian penting berikut:

  1. Inisialisasi loop tempat untuk menginisialisasi penghitung kami ke awal nilai.
  2. Pernyataan inisialisasi dijalankan sebelum loop dimulai.
  3. Pernyataan pengujian yang akan menguji apakah suatu kondisi yang diberikan benar atau tidak. Jika kondisinya benar, maka kode yang diberikan di dalam loop akan dieksekusi, jika tidak, kontrol akan keluar dari loop.

Pernyataan iterasi di mana anda dapat menambah atau mengurangi.

Bagan alur dari for loop dalam JavaScript adalah sebagai berikut:

Sintaks dari for loop adalah JavaScript adalah sebagai berikut:

for (initialization; test condition; iteration statement)
{
Statement(s) to be executed if test condition is true
}

<html>
<body>
<script type="text/javascript">
var count;
document.write("Starting Loop" + "<br />");
for(count = 0; count < 10; count++){
document.write("Current Count : " + count );
document.write("<br />");
}
document.write("Loop stopped!");

</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>

Perulangan FOR IN

For … in loop digunakan untuk mengulang properti objek. Karena kita belum membahas Objects, Anda mungkin merasa kurang faham dengan loop ini. Tapi begitu Anda memahami bagaimana objek berperilaku dalam JavaScript, Anda akan menemukan loop ini sangat berguna.

for (variablename in object)
{
statement or block to execute
}

Dalam setiap iterasi, satu properti dari objek ditetapkan ke nama variabel dan loop ini berlanjut hingga semua properti objek habis.

<html>
<body>
<script type="text/javascript">
var aProperty;
document.write("Navigator Object Properties<br /> ");
for (aProperty in navigator)
{
document.write(aProperty);
document.write("<br />");
}
document.write ("Exiting from the loop!");
</script>
<p>Set the variable to different object and then try...</p>
</body>
</html>

Perulangan CONTROL

JavaScript menyediakan kontrol penuh untuk menangani loop dan beralih pernyataan. Mungkin ada situasi ketika anda harus keluar dari lingkaran tanpa mencapai dasarnya. Mungkin juga ada situasi ketika anda ingin melewatkan bagian dari blok kode dan memulai iterasi tampilan berikutnya. Untuk menangani semua situasi seperti itu, JavaScript menyediakan pernyataan break dan continue. Pernyataan-pernyataan ini digunakan untuk keluar dari setiap loop atau untuk memulai iterasi berikutnya dari setiap loop masing-masing.

a. Statement Break
Pernyataan break, yang diperkenalkan secara singkat dengan pernyataan switch, digunakan untuk keluar dari loop lebih awal, keluar dari kurung kurawal yang menyertainya.

Contoh berikut mengilustrasikan penggunaan pernyataan break dengan perulangan while. Perhatikan bagaimana loop pecah lebih awal setelah x mencapai 5 dan mencapai pernyataan document.write (..) tepat di bawah ke kurung kurawal penutup:

<html>
<body>
<script type="text/javascript">

var x = 1;
document.write("Entering the loop<br /> ");
while (x < 20)
{
       if (x == 5)
{
       break; // breaks out of loop completely
}
x = x + 1;
document.write( x + "<br />");
}
document.write("Exiting the loop!<br /> ");

</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>

b. Statement Continue
Pernyataan continue memberitahu interpreter untuk segera memulai iterasi berikutnya dari loop dan melewati blok kode yang tersisa. Kapan pernyataan lanjutan ditemukan, aliran program segera pindah ke ekspresi pemeriksaan loop dan jika kondisinya tetap benar, maka ia memulai iterasi berikutnya, jika tidak, kontrol keluar dari loop.

Contoh ini mengilustrasikan penggunaan pernyataan continue dengan perulangan while. Perhatikan bagaimana pernyataan continue digunakan untuk melewatkan pencetakan ketika indeks yang disimpan dalam variabel x mencapai 5.

<html>
<body>
<script type="text/javascript">
var x = 1;
document.write("Entering the loop<br /> ");
while (x < 10)
{
x = x + 1;
if (x == 5)
{
      continue; // skill rest of the loop body
}
document.write( x + "<br />");
}
document.write("Exiting the loop!<br /> ");
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>

<< Part 4 

sumber :

Exit mobile version