JavaScript Untuk Loop
Loop dapat mengeksekusi blok kode beberapa kali.
Loop JavaScript
Loop berguna, jika Anda ingin menjalankan kode yang sama berulang-ulang, setiap kali dengan nilai yang berbeda.
Seringkali ini terjadi ketika bekerja dengan array:
Alih-alih menulis:
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";
Kamu bisa menulis:
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
Berbagai Jenis Loop
JavaScript mendukung berbagai jenis loop:
for
- loop melalui blok kode beberapa kalifor/in
- loop melalui properti suatu objekfor/of
- loop melalui nilai-nilai objek yang dapat diubahwhile
- loop melalui blok kode saat kondisi yang ditentukan benardo/while
- juga mengulang melalui blok kode saat kondisi yang ditentukan benar
Untuk Loop
Loop for
memiliki sintaks berikut:
for (statement 1; statement 2; statement 3) {
// code block to be executed
}
Pernyataan 1 dieksekusi (satu kali) sebelum eksekusi blok kode.
Pernyataan 2 mendefinisikan kondisi untuk mengeksekusi blok kode.
Pernyataan 3 dieksekusi (setiap kali) setelah blok kode dieksekusi.
Contoh
for (let i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
Dari contoh di atas, Anda dapat membaca:
Pernyataan 1 menetapkan variabel sebelum loop dimulai (misalkan i = 0).
Pernyataan 2 mendefinisikan kondisi agar loop berjalan (i harus kurang dari 5).
Pernyataan 3 meningkatkan nilai (i++) setiap kali blok kode dalam loop telah dieksekusi.
Pernyataan 1
Biasanya Anda akan menggunakan pernyataan 1 untuk menginisialisasi variabel yang digunakan dalam loop (misalkan i = 0).
Ini tidak selalu terjadi, JavaScript tidak peduli. Pernyataan 1 adalah opsional.
Anda dapat memulai banyak nilai dalam pernyataan 1 (dipisahkan dengan koma):
Contoh
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
Dan Anda dapat menghilangkan pernyataan 1 (seperti ketika nilai Anda ditetapkan sebelum loop dimulai):
Contoh
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
Pernyataan 2
Seringkali pernyataan 2 digunakan untuk mengevaluasi kondisi variabel awal.
Ini tidak selalu terjadi, JavaScript tidak peduli. Pernyataan 2 juga opsional.
Jika pernyataan 2 mengembalikan true, loop akan dimulai lagi, jika mengembalikan false, loop akan berakhir.
Jika Anda menghilangkan pernyataan 2, Anda harus memberikan jeda di dalam loop. Jika tidak, loop tidak akan pernah berakhir. Ini akan membuat browser Anda crash. Baca tentang jeda di bab selanjutnya dari tutorial ini.
Pernyataan 3
Seringkali pernyataan 3 menaikkan nilai variabel awal.
Ini tidak selalu terjadi, JavaScript tidak peduli, dan pernyataan 3 adalah opsional.
Pernyataan 3 dapat melakukan apa saja seperti kenaikan negatif (i--), kenaikan positif (i = i + 15), atau apa pun.
Pernyataan 3 juga dapat dihilangkan (seperti saat Anda menaikkan nilai di dalam loop):
Contoh
let i = 0;
let len = cars.length;
let text = "";
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
}
Lingkup Lingkaran
Menggunakan var
dalam satu lingkaran:
Contoh
var i = 5;
for (var i = 0; i < 10; i++) {
// some code
}
// Here i is 10
Menggunakan let
dalam satu lingkaran:
Contoh
let i = 5;
for (let i = 0; i < 10; i++) {
// some code
}
// Here i is 5
Pada contoh pertama, menggunakan var
, variabel yang dideklarasikan dalam loop mendeklarasikan ulang variabel di luar loop.
Dalam contoh kedua, menggunakan let
, variabel yang dideklarasikan dalam loop tidak mendeklarasikan ulang variabel di luar loop.
Ketika let
digunakan untuk mendeklarasikan variabel i dalam sebuah loop, variabel i hanya akan terlihat di dalam loop.
Untuk/Dari dan Untuk/Dalam Perulangan
Loop for/in
dan for/of
loop dijelaskan di bab berikutnya.
Sementara Loop
Loop while
dan do/while
dijelaskan dalam bab-bab berikutnya.