Loop JavaScript
Loop sangat berguna, jika Anda ingin menjalankan kode yang sama berulang-ulang, setiap kali dengan nilai berbeda.
Seringkali hal ini terjadi ketika menggunakan array:
menulis tanpa perulangan:
teks + = mobil[0] + "<br>";
teks + = mobil[1] + "<br>";
teks + = mobil[2] + "<br>";
teks + = mobil[3] + "<br>";
teks + = mobil[4] + "<br>";
teks + = mobil[5] + "<br>";
Kamu bisa menulisnya:
for(i = 0; i <cars.length; i ++) {Berbagai jenis loop
teks + = mobil[i] + "<br>";
}
JavaScript mendukung berbagai jenis loop:
for - loop melalui blok kode beberapa kali
for / di - loop melalui properti dari suatu objek
Sementara - loop melalui blok kode sementara kondisi yang ditentukan adalah benar
Lakukan / while - juga loop melalui blok kode sementara kondisi yang ditentukan benar
For Loop
for loop seringkali alat yang akan Anda gunakan saat Anda ingin membuat sebuah lingkaran.
The for loop memiliki sintaks berikut:
for(pernyataan 1; pernyataan 2; pernyataan 3) {
blok kode yang akan dieksekusi
}
Pernyataan 1 dijalankan sebelum loop(blok kode) dimulai.
Pernyataan 2 mendefinisikan kondisi untuk menjalankan loop(blok kode).
Pernyataan 3 dijalankan setiap kali setelah loop(blok kode) telah dieksekusi.
Contoh
for(i = 0; i <5; i ++) {
teks + = "Nomornya adalah" + i + "<br>";
}
Dari contoh di atas, Anda bisa membaca:
Pernyataan 1 menetapkan sebuah variabel sebelum loop dimulai(var i = 0).
Pernyataan 2 mendefinisikan kondisi for loop untuk menjalankan(saya 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 memulai variabel yang digunakan dalam loop(i = 0).
Ini tidak selalu terjadi, JavaScript tidak peduli. Pernyataan 1 bersifat opsional.
Anda dapat memulai banyak nilai dalam pernyataan 1(dipisahkan dengan koma):
Contoh
for(i = 0, len = cars.length, text = ""; i <len; i ++) {
teks + = mobil[i] + "<br>";
}
Dan Anda dapat menghilangkan pernyataan 1(seperti ketika nilai Anda ditetapkan sebelum loop dimulai):
Contoh
var i = 2;Pernyataan 2
var len = cars.length;
var teks = "";
for(; i <len; i ++) {
teks + = mobil[i] + "<br>";
}
Seringkali pernyataan 2 digunakan untuk mengevaluasi kondisi variabel awal.
Ini tidak selalu terjadi, JavaScript tidak peduli. Pernyataan 2 juga bersifat opsional.
Jika pernyataan 2 mengembalikan true, loop akan dimulai lagi, jika mengembalikan false, loop akan berakhir.
Catatan Jika Anda menghilangkan pernyataan 2, Anda harus memberikan istirahat di dalam loop. Jika tidak, loop tidak akan pernah berakhir. Ini akan merusak browser Anda. Baca tentang tembolok di bab selanjutnya dari tutorial ini.
Pernyataan 3
Seringkali pernyataan 3 meningkatkan variabel awal.
Ini tidak selalu terjadi, JavaScript tidak peduli, dan pernyataan 3 bersifat opsional.
Pernyataan 3 dapat melakukan sesuatu seperti kenaikan negatif(i--), kenaikan positif(i = i + 15), atau hal lainnya.
Pernyataan 3 juga dapat dihilangkan(seperti saat Anda menambah nilai Anda di dalam lingkaran):
Contoh
var i = 0;For / In Loop
var len = cars.length;
for(; i <len;) {
teks + = mobil[i] + "<br>";
I ++;
}
The JavaScript for / dalam pernyataan loop melalui properti dari suatu objek:
Contoh
var person = {fname: "John", lname: "Doe", umur: 25};
var teks = "";
var x;
for(x secara langsung) {
teks + = orang[x];
}
Out Of Topic Show Konversi KodeHide Konversi Kode