Mengenal Looping pada Javascript

5/5 (34)

Mengenal Looping pada Javascript – Saat menulis program, kita mungkin mengalami situasi di mana kita perlu melakukan tindakan berulang kali. Dalam situasi seperti itu, kita perlu menulis pernyataan loop untuk mengurangi jumlah baris. JavaScript mendukung semua pengulangan yang diperlukan untuk mengurangi tekanan pemrograman.

Mengenal Looping pada Javascript

Setiap bahasa pemrograman pasti memiliki fungsi ini. Tanpa fungsi ini, maka akan sangat sulit untuk menulis sebuah program. Fungsi Loop digunakan untuk mengeksekusi suatu baris kode berulang-ulang sesuai dengan kondisi yang diberikan. Dalam JavaScript dikenal beberapa fungsi Loop, yaitu while, do while dan for. Kita akan membahasnya pada artikel ini.

Baca juga: Membuat Pernyataan pada Javascript.

While Loop

Lingkaran paling dasar dalam JavaScript adalah while loop. Tujuan dari while loop adalah untuk mengeksekusi pernyataan atau blok kode berulang kali selama ekspresi itu benar. Setelah ekspresi menjadi salah, pengulangan berakhir atau dihentikan.

Mengenal Looping pada Javascript
Flow Chart While Loop

 

Syntax penulisan while loop adalah sebagai berikut,

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

Sebagai contoh, kita buat sebuah file lalu masukkan kode berikut,

var count = 0;
document.write("Looping dimulai!<br />");
         
while (count < 10){
	document.write("Current Count : " + count + "<br />");
	count++;
}
document.write("Looping selesai!");

Maka hasilnya akan menjadi seperti ini,

See the Pen While Loop Javascript | codelatte.org by Abay (@abaykan) on CodePen.

Do…While Loop

do … while sama dengan while loop, yang membedakan adalah pemeriksaan kondisi terjadi pada akhir pengulangan. Ini berarti bahwa pengulangan akan selalu dijalankan setidaknya sekali, bahkan jika kondisinya salah.

Mengenal Looping pada Javascript
Flow Chart do…while Loop

Syntax penulisan do…while loop adalah seperti berikut,

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

Jangan lupakan semicolon pada akhir do…while loop.

Sebagai contoh, coba kode dibawah ini.

var count = 0;
            
document.write("Looping dimulai!" + "<br />");
do{
	document.write("Current Count : " + count + "<br />");
	count++;
}
            
while (count < 5);
document.write ("Looping selesai!");

For Loop

Jika kita ingin melakukan looping yang lebih kompleks, sangat disarankan untuk memakai sintaks ini. Sintaks ini membutuhkan parameter iterator (penghitung), kondisi, dan incremental. Berikut contoh sederhana.

var count;
document.write("Looping dimulai!" + "<br />");
         
for(count = 0; count < 10; count++){
	document.write("Current Count : " + count );
	document.write("<br />");
}
         
document.write("Looping selesai!");

For…In Loop

Tidak jauh berbeda dengan for Loop sebelumnya, jenis loop ini biasanya dipakai untuk menyebutkan properti dari suatu Objek satu per satu. Berikut adalah contoh sederhananya.

nama = {
  namaDepan: 'Codelatte ',
  namaBelakang: 'Indonesia ',
};

for (i in nama) {
  document.write(i + ' : ' + nama[i]);
}

Sekian penjelasan singkat tentang Looping pada Javascript, jika ada yang kurang paham silahkan tinggalkan pertanyaan pada kolom komentar. Semoga bermanfaat dan sampai jumpa pada artikel selanjutnya.

Please rate this

Abay

Cheers, I am Abay and I make things for fun. Gudang Garam and Coffee i can't live without. I love turning exciting ideas into horrible code. And .. i'm a lil' boy currently living Indonesia. Want to buy me a coffe? Let's talk, abay@codelatte.org

Satu tanggapan untuk “Mengenal Looping pada Javascript

  • 2 Oktober 2018 pada 10:41 PM
    Permalink

    Nice post. Keep it going masbrooo

    Balas

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *