Looping

Apa yang akan kamu lakukan saat disuruh mencetak kalimat berulang-ulang?

Misalnya:

“Tolong tampilkan kalimat "Tutorial Javascript!" di website saya sebanyak 10 kali”

Mungkin kamu bisa menuliskannya dengan fungsi document.write() sebanyak 10 kali seperti ini:

document.write("<p>Tutorial Javascript!</p>");
document.write("<p>Tutorial Javascript!</p>");
document.write("<p>Tutorial Javascript!</p>");
document.write("<p>Tutorial Javascript!</p>");
document.write("<p>Tutorial Javascript!</p>");
document.write("<p>Tutorial Javascript!</p>");
document.write("<p>Tutorial Javascript!</p>");
document.write("<p>Tutorial Javascript!</p>");
document.write("<p>Tutorial Javascript!</p>");
document.write("<p>Tutorial Javascript!</p>");

kode : hasil

Bagaimana kalau nanti dia mau menampilkan sebanyak 1000 kali. Pasti capek donk ngetiknya. Karena itu, kita harus menggunakan perulangan.

Perulangan akan membantu kita mengeksekusi kode yang berulang-ulang, berapapun yang kita mau.

Perulangan For

For adalah salah satu kata kunci yang bisa digunakan untuk melakukan perulangan. Blok kode yang terdapat di dalam for akan selalu diulangi selama kondisi for terpenuhi

Sintak Perulangan For

for( init statement ; kondisi ; post statement ){
   // block perulangan
}

Init statement akan dieksekusi hanya sekali di awal sebelum perulangan

Kondisi akan dilakukan pengecekan dalam setiap perulangan, jika true perulangan akan dilakukan, jika false perulangan akan berhenti

Post statement akan dieksekusi setiap kali diakhir perulangan

Init statement, Kondisi dan Post Statement tidak wajib diisi, jika Kondisi tidak diisi, berarti kondisi selalu bernilai true

Kode : Perulangan For

Perulangan While

While loop adalah versi perulangan yang lebih sederhana dibanding for loop. Di while loop, hanya terdapat kondisi perulangan, tanpa ada init statement dan post statement

Kode : While Loop

Perulangan Do While

Do While loop adalah perulangan yang mirip dengan while

Perbedaannya hanya pada pengecekan kondisi

Pengecekan kondisi di while loop dilakukan di awal sebelum perulangan dilakukan, sedangkan di do while loop dilakukan setelah perulangan dilakukan

Oleh karena itu dalam do while loop, minimal pasti sekali perulangan dilakukan walaupun kondisi tidak bernilai true

Kode : Do While Loop

Perulangan For In

For In merupakan perulangan for yang digunakan untuk mengiterasi seluruh data property di object atau index di array. Walaupun for in bisa digunakan untuk Array, namun tidak direkomendasikan untuk Array, karena biasanya kita jarang sekali butuh data index untuk Array, kita bisa menggunakan For Of (yang dibahas setelah ini)

Kode : For In di Object

Kode : For In di Array

Perulangan For Of

Jika For In digunakan untuk melakukan iterasi property atau index, berbeda dengan For Of, ini digunakan untuk melakukan iterasi terhadap isi value dari iterable object, seperti Array, String dan lain-lain. For of tidak bisa digunakan untuk melakukan iterasi data di object, karena object bukanlah iterable.

Kode : For Of di Array

Kode : For Of di String