JavaScript untuk Loop
Contoh
Ulangi (ulangi) blok kode lima kali:
for (let i = 0; i < 5; i++) {
text += i + "<br>";
}
Loop (ulangi) array untuk mengumpulkan nama mobil:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
- Perulangan dimulai pada posisi 0 (
let i = 0). - Loop secara otomatis bertambah
iuntuk setiap run. - Loop berjalan selama
i < cars.length.
Lebih banyak contoh di bawah ini.
Definisi dan Penggunaan
Pernyataan formendefinisikan blok kode yang dijalankan selama kondisinya
true.
Catatan
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.Lihat juga:
Sintaksis
for (statement 1; statement 2; statement 3) {
code block to be executed
}
Parameter
| Parameter | Description |
| statement 1 | Optional. Executed before the code block starts. Normally used to initialize a counter variable. To initiate multiple values, separate each value with a comma. This parameter can be omitted, but not the semicolon ";" |
| statement 2 | Optional. The condition for running the code block. If it returns true the loop will start over again, otherwise the loop will end.This parameter can be omitted, but not the semicolon ";" |
| statement 3 | Optional. Executed after the code block. Normally used to increment the counter variable. This parameter can be omitted (e.g. to increase/decrease values inside the loop) |
Pernyataan Loop JavaScript
| Penyataan | Keterangan | |
| merusak | Keluar dari lingkaran | |
| melanjutkan | Melewati nilai dalam satu lingkaran | |
| ketika | Loop blok kode saat kondisinya benar | |
| lakukan ... sementara | Mengulangi blok kode satu kali, dan kemudian ketika kondisinya benar | |
| untuk | Loop blok kode saat kondisinya benar | |
| untuk...dari | Mengulang nilai dari setiap iterable | |
| untuk...di | Mengulangi properti suatu objek |
Lebih Banyak Contoh
Mulai beberapa nilai di parameter pertama:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
Abaikan parameter pertama (atur nilai sebelum loop dimulai):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
Gunakan continue- Ulangi blok kode, tetapi lewati nilai 3:
let text = "";
for (let i = 0; i < 5; i++) {
if (i == 3) continue;
text += i + "<br>";
}
Gunakan break- Ulangi blok kode, tetapi keluar dari loop ketika i == 3:
let text = "";
for (let i = 0; i < 5; i++) {
if (i == 3) break;
text += i + "<br>";
}
Abaikan parameter kedua.
Gunakan breakuntuk keluar dari loop, jika tidak loop tidak akan pernah berakhir, dan browser Anda akan mogok:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let i = 0; ; i++) {
if (i == cars-length) break;
text += cars[i] + "<br>";
}
Ulangi array dalam urutan menurun (kenaikan negatif):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let i = cars.length - 1; i >= 0; i--) {
text += cars[i] + "<br>";
}
Abaikan parameter terakhir, dan tambahkan nilai di dalam loop:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let len = cars.length;
for (; i < len;) {
text += cars[i] + "<br>";
i++;
}
Ulangi NodeList dan ubah warna semua elemen p dalam daftar:
const myNodelist = document.getElementsByTagName("P");
for (let i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.color = "blue";
}
Loop bersarang (loop di dalam loop):
let text = "";
for (let = 0; i < 3; i++) {
text += i + "<br>";
for (let j = 10; j < 15; j++) {
text += j + "<br>";
}
}
Dukungan Peramban
foradalah fitur ECMAScript1 (ES1).
ES1 (JavaScript 1997) didukung penuh di semua browser:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |