Perintah for JavaScript

Definisi dan penggunaan

Perintah for menciptakan pengulangan, yang akan dijalankan selama kondisi benar.

Selama kondisi benar, pengulangan akan terus berjalan. Hanya ketika kondisi menjadi salah, pengulangan akan berhenti.

JavaScript mendukung berbagai jenis pengulangan:

  • for - mengulangi blok kode
  • for/in - melintasi properti objek
  • for/of - melintasi nilai objek yang dapat diulang
  • while - ulangi perulangan blok kode jika kondisi tetap benar
  • do/while - jalankan blok kode sekali, kemudian ulangi perulangan jika kondisi tetap benar

Petunjuk:Gunakan pernyataan break untuk keluar dari perulangan, dan gunakan pernyataan continue untuk melewati nilai di dalam perulangan.

Contoh

Jalankan blok kode perulangan lima kali:

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

Coba sendiri

Ada banyak contoh TIY lainnya di bawah halaman.

Sintaks

for (statement 1; statement 2; statement 3) {
  blok kode yang akan dieksekusi
}

Nilai parameter

Parameter Deskripsi
statement1

Pilihan. Dijalankan sebelum perulangan (blok kode) dimulai. Biasanya pernyataan ini digunakan untuk menginisialisasi variabel penhitung. Jika ingin menginisialisasi beberapa nilai, pisahkan setiap nilai dengan koma.

Keterangan:Parameter ini dapat dilewati. Namun, jangan lewati tanda titik koma ";"
statement2

Pilihan. Definisi kondisi untuk menjalankan perulangan (blok kode). Biasanya pernyataan ini digunakan untuk mengevaluasi kondisi variabel penhitung. Jika kembalian true, perulangan akan kembali mulai, jika kembalian false, perulangan akan berakhir.

Keterangan:Parameter ini dapat dilewati. Namun, jangan lewati tanda titik koma ";". Selain itu, jika parameter ini dilewati, maka harus disediakan break di dalam perulangan. Jika tidak, perulangan akan tetap berlanjut dan hal ini akan memakai browser Anda pecah.
statement3

Pilihan. Dijalankan setelah setiap pengulangan (blok kode). Biasanya pernyataan ini digunakan untuk menaikkan atau menurunkan variabel penhitung.

Keterangan:Parameter ini dapat dilewati (contoh menambah/turun nilai di dalam perulangan).

Detil teknis

Versi JavaScript: ECMAScript 1

Beberapa contoh lain:

Contoh

Perulangan melintasi indeks array, mengumpulkan nama mobil dari array cars:

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

Coba sendiri

Pengertian contoh:

  • Pertama, kita menata variabel sebelum perulangan dimulai (var i = 0;)
  • Lalu, kita mendefinisikan kondisi perulangan. Selama variabel kurang dari panjang array (yaitu 4), perulangan akan terus berlanjut
  • Setiap kali perulangan dijalankan, variabel bertambah satu (i++)
  • Sekali variabel tidak kurang dari 4 (panjang array), kondisi salah, perulangan berakhir

Contoh

Menginisialisasi beberapa nilai di parameter pertama:

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

Coba sendiri

Contoh

Lewati parameter pertama (diatur sebelum perulangan dimulai):

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

Coba sendiri

Contoh

Menggunakan pernyataan continue - mengelola blok kode perulangan, tetapi lewati nilai "3":

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

Coba sendiri

Contoh

Menggunakan pernyataan break - melanjutkan kode lingkaran, tetapi keluar lingkaran saat variabel i sama dengan "3":

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

Coba sendiri

Contoh

Tolak parameter kedua. Dalam contoh ini, kami juga menggunakan pernyataan break untuk keluar lingkaran saat i sama dengan "3" (jika diabaikan parameter kedua, maka harus disediakan break di dalam lingkaran. Jika tidak, lingkaran akan tetap berlanjut dan browser Anda akan runtuh):

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

Coba sendiri

Contoh

Mengelilingi indeks array dalam urutan menurun (negatif menaik):

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

Coba sendiri

Contoh

Tolak parameter terakhir, dan naik nilai di dalam lingkaran:

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

Coba sendiri

Contoh

Mengelilingi objek NodeList untuk node dan mengubah warna latar belakang semua elemen <p> dalam daftar:

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

Coba sendiri

Contoh

Contoh penjebolan lingkaran (lingkaran dalam lingkaran):

var text = "";
var i, j;
for (i = 0; i < 3; i++) {
  text += "<br>" + "i = " + i + ", j = "; 
  for (j = 10; j < 15; j++) {
    document.getElementById("demo").innerHTML = text += j + " ";
  }
}

Coba sendiri

Dukungan browser

Perintah Chrome IE Firefox Safari Opera
untuk Dukungan Dukungan Dukungan Dukungan Dukungan

Halaman yang berhubungan

Panduan JavaScript:Perulangan For JavaScript

Panduan Referensi JavaScript:Perintah for ... in JavaScript

Panduan Referensi JavaScript:Perintah break JavaScript

Panduan Referensi JavaScript:Perintah continue JavaScript

Panduan Referensi JavaScript:Perintah while JavaScript