Perulangan 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, penggunaan perulangan (loop) sangat mudah digunakan.

Biasanya kita akan menghadapi contoh penggunaan array:

tidak perlu menulis seperti ini:

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>";
 }

Coba sendiri

Jenis-jenis putar

JavaScript mendukung berbagai jenis putar:

  • for - Melakukan putar kode blok berulang
  • for/in - Melacak properti objek
  • while - Memutar kode blok saat kondisi ditentukan true
  • do/while - Memutar kode blok saat kondisi ditentukan true

Putarannya

Putarannya adalah alat yang sering digunakan ketika Anda ingin membuat putar.

Syntaks putarannya adalah:

for (Kalimat 1; Kalimat 2; Kalimat 3) {
     Blok kode yang akan dieksekusi
}

Kalimat 1 dijalankan sebelum putarannya dimulai (blok kode).

Kalimat 2 menentukan kondisi untuk menjalankan putarannya (blok kode).

Kalimat 3 akan dijalankan setelah setiap pengembalian blok kode (putarannya).

Contoh

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

Coba sendiri

Dari kode di atas, Anda dapat mengetahui:

Kalimat 1 menyetelkan variabel sebelum putarannya dimulai (var i = 0).

Kalimat 2 menentukan kondisi untuk menjalankan putarannya (i harus kurang dari 5).

Kalimat 3 akan menaikkan nilai setelah setiap pengembalian blok kode (i++).

Kalimat 1

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

Tapi situasi ini tidak selalu seperti itu, JavaScript tidak peduli. Kalimat 1 dapat disingkirkan.

Anda dapat menginisialisasi beberapa nilai di kalimat 1 (dilambangkan oleh koma):

Contoh

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

Coba sendiri

Dan Anda juga dapat menyimpulkan kalimat 1 (misalnya menyetelkan nilai sebelum putarannya dimulai):

Contoh

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

Coba sendiri

Kalimat 2

Biasanya kalimat 2 digunakan untuk menghitung kondisi variabel awal.

Tapi situasi ini tidak selalu seperti itu, JavaScript tidak peduli. Kalimat 2 juga dapat disingkirkan.

Jika kalimat 2 mengembalikan true, putarannya akan mulai kembali, jika mengembalikan false, putarannya akan berakhir.

Jika kalimat 2 disingkirkan, maka harus disediakan di dalam putarannya. break. Jika tidak, putarannya tidak akan berakhir. Baca lebih lanjut tentang break di bab berikutnya.

Kalimat 3

Biasanya kalimat 3 akan menaikkan nilai variabel awal.

Tapi situasi ini tidak selalu seperti itu, JavaScript tidak peduli. Kalimat 3 juga dapat disingkirkan.

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

Perintah 3 dapat disingkirkan (misalnya saat Anda menambah nilai dalam lingkungan perulangan):

Contoh

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

Coba sendiri

Perulangan For/In

JavaScript for/in Perintah untuk mengelilingi properti objek:

Contoh

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

Coba sendiri

Perulangan While

Kami akan belajar perulangan while dan do/while dalam bab berikutnya.

buku pelengkap

untuk mendapatkan informasi lebih lanjut tentang Perintah for JavaScriptBagi yang ingin memahami lebih lanjut tentang penggunaan

Iterasi Statement ECMAScript
Iterasi Statement disebut juga dengan Statement Loop. Bagian ini akan memperkenalkan empat jenis Statement Iterasi yang disediakan ECMAScript.