Pengulangan For JavaScript

Perulangan dapat melaksanakan blok kode beberapa kali.

Perulangan JavaScript

Jika Anda perlu menjalankan kode berulang kali dan setiap kali menggunakan nilai yang berbeda, maka pengulangan (loop) sangat mudah digunakan.

Biasanya kami akan menghadapi contoh penggunaan array:

tidak perlu menulis demikian:

text += cars[0] + "<br>"; 
text += cars[1] + "<br>"; 
text += cars[2] + "<br>"; 
text += cars[3] + "<br>"; 
text += cars[4] + "<br>"; 
text += cars[5] + "<br>";

Anda dapat menulis seperti ini:

for (i = 0; i < cars.length; i++) { 
    text += cars[i] + "<br>";
 }

亲自试一试

Jenis-jenis pengulangan

JavaScript mendukung berbagai jenis pengulangan:

  • for - Melintasi kode blok berulang-ulang
  • for/in - Melintasi properti objek
  • while - Mengulangi kode blok saat kondisi disetujui
  • do/while - Mengulangi kode blok saat kondisi disetujui

Pengulangan For

Pengulangan for adalah alat yang sering digunakan ketika Anda ingin membuat pengulangan.

Syntaks pengulangan for adalah sebagai berikut:

for (Perkataan 1; Perkataan 2; Perkataan 3) {
     Kode yang akan dieksekusi
}

Perkataan 1 dieksekusi sebelum pengulangan (blok kode) dimulai.

Perkataan 2 menentukan kondisi untuk menjalankan pengulangan (blok kode).

Perkataan 3 akan dieksekusi setelah setiap pengulangan (blok kode) dijalankan.

实例

for (i = 0; i < 5; i++) {
     text += "Angka adalah " + i + "<br>";
}

亲自试一试

Dari kode di atas, Anda dapat mengetahui:

Perkataan 1 menyetel variabel sebelum pengulangan dimulai (var i = 0).

Perkataan 2 menentukan kondisi untuk menjalankan pengulangan (i harus kurang dari 5).

Perkataan 3 akan menaikkan nilai setelah setiap eksekusi blok kode (i++).

Perkataan 1

Biasanya, Anda akan menggunakan perkataan 1 untuk menginisialisasi variabel yang digunakan dalam pengulangan (i = 0).

Tetapi situasi ini bukan selalu demikian, JavaScript tak peduli. Perkataan 1 boleh diabaikan.

Anda dapat menginisialisasi beberapa nilai di dalam perkataan 1 (dipisahkan oleh koma):

实例

for (i = 0, len = cars.length, text = ""; i < len; i++) { 
    text += cars[i] + "<br>";
}

亲自试一试

Dan Anda juga dapat melepas perkataan 1 (contoh, menyetel nilai di awal pengulangan):

实例

var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) { 
    text += cars[i] + "<br>";
}

亲自试一试

Perkataan 2

Biasanya perkataan 2 digunakan untuk menghitung kondisi variabel awal.

Tetapi situasi ini bukan selalu demikian, JavaScript tak peduli. Perkataan 2 juga boleh diabaikan.

Jika perkataan 2 mengembalikan true, pengulangan akan mulai kembali, jika mengembalikan false, pengulangan akan berakhir.

Jika perkataan 2 diabaikan, maka harus disediakan di dalam pengulangan. break. Jika tidak, pengulangan tak akan berakhir. Baca lebih lanjut tentang break di bab selanjutnya.

Perkataan 3

Biasanya perkataan 3 akan menaikkan nilai variabel awal.

Tetapi situasi ini bukan selalu demikian, JavaScript tak peduli. Perkataan 3 juga boleh diabaikan.

Perkataan 3 boleh melakukan apa saja, seperti pengurangan negatif (i--), penambahan positif (i = i + 15), atau apa pun lainnya.

语句 3 也可被省略（比如当您在循环内递增值时）：

实例

var i = 0;
var len = cars.length;
for (; i < len; ) { 
    text += cars[i] + "<br>";
      i++;
}

亲自试一试

For/In 循环

JavaScript for/in 语句遍历对象的属性：

实例

var person = {fname:"Bill", lname:"Gates", age:62}; 
var text = "";
var x;
for (x in person) {
    text += person[x];
}

亲自试一试

While 循环

我们将在下一章学习 while 循环和 do/while 循环。

课外书

如需更多有关 JavaScript for 语句的知识，请阅读 JavaScript 高级教程中的相关内容：

ECMAScript 迭代语句
迭代语句又称为循环语句。本节为您介绍 ECMAScript 提供的四种迭代语句。