Contoh di bawah ini menunjukkan baris pengkodean yang serupa tetapi ditulis berulang kali dalam beberapa baris
text += cars[0] + "
";
text += cars[1] + "
";
text += cars[2] + "
";
text += cars[3] + "
";
text += cars[4] + "
";
text += cars[5] + "
";
Contoh di atas dapat disederhanakan dengan mengulang seperti pada contoh di bawah ini
var i;
for [i = 0; i < cars.length; i++] {
text += cars[i] + "
";
}
_Jalankan ContohReferensi Lingkaran JavaScript
Menulis Untuk Loops
Format penulisan for loop adalah seperti di bawah ini
for [statement 1; statement 2; statement 3] {
// code block to be executed
}
Pernyataan 1 [perintah 1] dijalankan sekali saat perulangan dimulai. Pernyataan 2 [perintah 2] memeriksa kondisi yang menentukan apakah perulangan dilanjutkan atau dihentikan. Pernyataan 3 [perintah 3] dijalankan pada setiap loop. Di dalam loop for terdapat sekelompok perintah [blok kode] yang akan dieksekusi berulang kali oleh loop tersebut
for [i = 0; i < 5; i++] {
text += "The number is " + i + "
";
}
Jalankan ContohLihatlah contoh di atas. Perintah 1 [i = 0] memberikan nilai 0 pada variabel i, hanya dieksekusi sekali saat perulangan dimulai. Perintah 2 [i < 5] mengecek nilai i, jika i lebih kecil dari 5 maka perulangan dilanjutkan, jika i lebih besar atau sama dengan 5 maka perulangan dihentikan. Perintah 3 [i++] dijalankan setiap kali loop dijalankan
Pesan 1
Perintah 1 biasanya digunakan untuk inisialisasi variabel yang diperlukan dalam loop. Pada perintah 1 kita dapat menginisialisasi banyak variabel sekaligus dipisahkan dengan koma
for [i = 0, len = cars.length, text = ""; i < len; i++] {
text += cars[i] + "
";
}
_Jalankan ContohPerintah 1 tidak wajib, bersifat opsional dan dapat dihilangkan
var i = 2;
var len = cars.length;
var text = "";
for [; i < len; i++] {
text += cars[i] + "
";
}
Jalankan ContohPesan 2
Perintah 2 memeriksa kondisi untuk menentukan apakah perulangan dilanjutkan atau tidak. Jika perintah 2 menghasilkan nilai boolean true maka perulangan dilanjutkan. Ketika perintah 2 menghasilkan nilai boolean false maka perulangan dihentikan. Perintah 2 bersifat opsional dan dapat dihilangkan. Jika perintah 2 tidak diberikan maka loop akan dieksekusi selamanya
Pesan 3
Perintah 3 biasanya digunakan untuk melakukan operasi penjumlahan atau pengurangan pada suatu variabel. Perintah 3 juga bisa dihilangkan [sifatnya opsional] ketika proses penjumlahan atau pengurangan dilakukan secara looping
var i = 0;
var len = cars.length;
for [; i < len; ] {
text += cars[i] + "
";
i++;
}
_Jalankan ContohUntuk dalam lingkaran
For in loop adalah khusus untuk pengulangan untuk objek. Iterasi akan dieksekusi untuk setiap properti di objek
var person = {fname:"John", lname:"Doe", age:25};
var text = "";
var x;
for [x in person] {
text += person[x];
}
Jalankan ContohUntuk putaran
A for loop adalah loop for khusus untuk array. Iterasi akan dieksekusi untuk setiap elemen dalam array
var cars = ["BMW", "Volvo", "Mini"];
var x;
for [x of cars] {
document.write[x + "
"];
}
_Jalankan ContohFor of loop juga dapat digunakan pada string. Iterasi akan dieksekusi untuk setiap karakter dalam string
Loop atau pengulangan dalam javascript digunakan untuk melakukan tugas berulang berdasarkan suatu kondisi. Loop umumnya tersedia di semua bahasa pemrograman, meskipun implementasi dan sintaksnya berbeda
Syarat bahasa pemrograman adalah mampu menangani proses secara dinamis, termasuk perulangan atau loop pada javascript untuk tujuan pengulangan instruksi sampai kondisi tertentu terpenuhi, kemudian perulangan berhenti
Misalnya kita ingin menampilkan angka 1 sampai 100, betapa melelahkannya jika kita harus mengetikkan angka 1 sampai 100 secara manual. Di sinilah pengulangan dapat mempersingkat waktu penulisan angka
Jenis rekursif dalam javascript
Ada beberapa jenis perulangan atau loop pada javascript yang bisa digunakan tergantung kebutuhan data yang ingin kita proses. Proses perulangan atau loop ini memudahkan kita untuk membuat daftar, atau perhitungan yang dinamis tanpa harus menulis ulang kode secara manual
- Untuk
- Ketika
- Lakukan Sementara
- untuk setiap
Berikut ini penulis menjelaskan loop atau sintak loop pada javascript
Ulangi dengan For
Berikut adalah pseudo-code for loop
_Code language: JavaScript [javascript]
for[[inisialisasi]; [kondisi]; [eksekusi iterasi]] { // blok kode }
- Inisialisasi adalah pertama kali kita mendeklarasikan nilai awal, dimana nilai awal akan berubah selama kondisi tidak terpenuhi
- Kondisi berfungsi untuk mengecek perubahan yang terjadi setiap kali eksekusi iterasi loop terjadi dengan menggunakan operator pembanding
- Iterasi eksekusi proses akhir setiap kali terjadi iterasi eksekusi, biasanya digunakan untuk proses penambahan [increment] atau pengurangan [decrement]
Contoh kode for loop, dimana kita akan menampilkan angka 1 sampai 10 tanpa harus mengetik secara manual
for[var i = 1; i