Javascript: Looping

 Looping (Perulangan)

 

Assalamualaikum wr wb. Kembali lagi dengan saya Haikal di website belajar bersama javascript. Pada kali ini saya akan sharing tentang, Apa itu Looping?. Misal teman-teman mau memberikan pesan yang berulang. Daripada menggunakan console.log yang berulang kayak gini:

console.log('Ini pesan 1'); console.log('Ini pesan 2'); console.log('Ini pesan 3'); console.log('Ini pesan 4'); console.log('Ini pesan 5');

 Mending kita suruh javascript buat ngulang si console.log tadi. 

 

For Loop

Yang pertama ada for loop. Seperti namanya, menggunakan kata kunci for untuk looping. Sintaks seperti ini:

for(var i = 1; i <= 5; i++){ console.log('Ini pesan ' + i); }

 Lebih simple kan? pertama kita inisialisasikan terlebih dahulu variabelnya seperti diatas. var i = 1;. Lalu kita masukkan perbandingan agar kode tersebut akan looping beberapa kali hingga akhirnya nilainya false. Lalu i++ merupakan increment. Nilai ini sama dengan i = i + 1; yang artinya akan terus bertambah seiring looping. Jika kita run hasilnya maka:

While Loop

While loop mirip dengan for loop. Bedanya hanya tempat inisialisasi dan increment/decrement nya. Sintaksnya seperti ini:

var a = 1; while(a <= 5){ console.log('Ini pesan dari while ' + a); a++; }

Pertama inisialisasi di luar while lalu bandingkan apakah a <= 5. Jika true maka jalankan kode berikut sambil tambahkan nilai a hingga tidak memenuhi lagi atau syarat terpenuhi. Jika dijalankan maka hasilnya akan seperti ini:

Do-While Loop

Bedanya apa dengan while?. Nah, do-while loop ini akan mengeksekusi perintahnya dahulu lalu dicek apakah kodisi tersebut terpenuhi atau tidak. Jadi do-while ini akan dijalankan setidaknya sekali meskipun kondisinya sudah terpenuhi. Sintaksnya seperti ini:

var a = 1; do{ console.log('Ini pesan dari do-while ' + a); a++; }while(a <= 5)

Jika dijalankan:

Sekilas tidak ada perbedaan. Tapi coba teman-teman ubah variabel diatas nilainya menjadi lebih dari 5 maka hasilnya akan seperti ini jika dijalankan:

Kode dieksekusi setidaknya sekali.

Sekian saja untuk sesi kali ini. Sebenarnya masih ada looping yang lain selerti for-in dan for-of. Tapi looping tersebut berkaitan dengan object. Untuk lebih jelasnya nanti akan saya buatkan materi khusus object dan hal-hal yang berkaitan lainnya. Wassalamualaikum wr wb.