JavaScript untuk Pernyataan

<JavaScript Laporan Referensi

Contoh

Loop melalui blok kode lima kali:

var text = "";
var i;
for (i = 0; i < 5; i++) {
text += "The number is " + i + " ";
}

Hasil teks akan:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4

Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Untuk pernyataan menciptakan sebuah loop yang dieksekusi selama kondisi benar.

loop akan terus berjalan selama kondisi benar. Ini hanya akan berhenti ketika kondisi menjadi palsu.

JavaScript mendukung berbagai jenis loop:

for - loop melalui blok kode beberapa kali
for/in - loop melalui sifat-sifat suatu objek
while - loop melalui blok kode sementara kondisi yang ditentukan benar
melakukan / sementara - loop melalui blok kode sekali, dan kemudian mengulangi loop sementara kondisi yang ditentukan benar

Tip: Gunakan istirahat pernyataan untuk keluar dari lingkaran, dan terus pernyataan untuk melewatkan nilai dalam lingkaran.

Dukungan Browser

Pernyataan
for	iya nih	iya nih	iya nih	iya nih	iya nih

Sintaksis

Nilai parameter

Parameter	Deskripsi
statement1	Pilihan. Dijalankan sebelum loop (the code block) dimulai. Biasanya pernyataan ini digunakan untuk menginisialisasi variabel counter. Untuk memulai beberapa nilai, pisahkan setiap nilai dengan koma. Catatan: Parameter ini dapat dihilangkan. Namun, tidak menghilangkan titik koma ";"
statement2	Pilihan. Mendefinisikan kondisi untuk menjalankan loop (the code block) . Biasanya pernyataan ini digunakan untuk mengevaluasi kondisi variabel counter. Jika kembali benar, loop akan mulai lagi, jika mengembalikan false, loop akan berakhir. Catatan: Parameter ini dapat dihilangkan. Namun, tidak menghilangkan titik koma ";" . Juga, jika Anda menghilangkan parameter ini, Anda harus memberikan istirahat di dalam lingkaran. Jika tidak loop tidak akan pernah berakhir, yang akan crash browser Anda
statement3	Pilihan. Dieksekusi setiap kali setelah loop (blok kode) telah dieksekusi. Biasanya pernyataan ini digunakan untuk kenaikan atau penurunan variabel counter. Catatan: Parameter ini dapat dihilangkan (eg to increase/decrease values inside the loop)

Rincian teknis

Versi JavaScript:	1.0

Contoh lebih

Contoh

Loop melalui indeks array untuk mengumpulkan nama-nama mobil dari array mobil:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
text += cars[i] + " ";
}

Cobalah sendiri "

Contoh di atas menjelaskan:

Pertama, kita menetapkan variabel sebelum loop dimulai (var i = 0;)
Kemudian, kita mendefinisikan kondisi loop untuk menjalankan. Selama variabel adalah kurang dari panjang dari array (which is 4) , loop akan terus
Setiap kali loop mengeksekusi, variabel bertambah satu (i++)
Setelah variabel ini tidak lagi kurang dari 4 (array's length) , kondisi salah, dan loop akan berakhir

Contoh

Memulai beberapa nilai dalam parameter pertama:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + " ";
}

Cobalah sendiri "

Contoh

Menghilangkan parameter pertama (set values before the loop starts) :

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + " ";
}

Cobalah sendiri "

Contoh

Menggunakan terus pernyataan - Loop melalui blok kode, tetapi melewatkan nilai "3" :

var text = ""
var i;
for (i = 0; i < 5; i++) {
 if (i == 3) {
 continue;
 }
 text += "The number is " + i + " ";
}

Cobalah sendiri "

Contoh

Menggunakan pernyataan istirahat - Loop melalui blok kode, tetapi keluar dari loop ketika variabel i adalah sama dengan "3" :

var text = ""
var i;
for (i = 0; i < 5; i++) {
 if (i == 3) {
 break;
 }
 text += "The number is " + i + " ";
}

Cobalah sendiri "

Contoh

Menghilangkan parameter kedua. Dalam contoh ini, kami juga menggunakan istirahat pernyataan untuk keluar dari loop ketika saya adalah sama dengan "3" (jika parameter kedua dihilangkan, Anda harus memberikan istirahat dalam loop. Jika tidak loop tidak akan pernah berakhir, dan browser Anda akan jatuh):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; ; i++) {
 if (i == 3) {
 break;
 }
 text += cars[i] + " ";
}

Cobalah sendiri "

Contoh

Loop melalui indeks array, dalam urutan menurun (increment negatif):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = cars.length - 1; i >= 0; i--) {
text += cars[i] + " ";
}

Cobalah sendiri "

Contoh

Menghilangkan parameter terakhir, dan kenaikan nilai dalam loop:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
for (; i < len;) {
text += cars[i] + " ";
i++;
}

Cobalah sendiri "

Contoh

Loop melalui node dari objek NodeList dan mengubah warna latar belakang dari semua elemen dalam daftar:

var myNodelist = document.getElementsByTagName("P");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}

Cobalah sendiri "

Contoh

Contoh dari loop bersarang (a loop inside a loop) :

var text = "";
var i, j;

for (i = 0; i < 3; i++) {
 text += " " + "i = " + i + ", j = ";

 for (j = 10; j < 15; j++) {
 document.getElementById("demo").innerHTML = text += j + " ";
 }
}

Cobalah sendiri "