tutorial pengembangan web terbaru
 

JavaScript untuk loop


Loops dapat mengeksekusi blok kode beberapa kali.


Loops JavaScript

Loop berguna, jika Anda ingin menjalankan kode yang sama lagi dan lagi, setiap kali dengan nilai yang berbeda.

Seringkali hal ini terjadi ketika bekerja dengan array:

Alih-alih menulis:

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

Kamu bisa menulis:

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

Berbagai Jenis Loops

JavaScript mendukung berbagai jenis loop:

  • for - loop melalui blok kode beberapa kali
  • for/in - loop melalui sifat-sifat suatu obyek
  • while - loop melalui blok kode sementara kondisi yang ditentukan benar
  • do/while - juga loop melalui blok kode sementara kondisi yang ditentukan benar

The For loop

The for loop sering alat yang akan Anda gunakan ketika Anda ingin membuat satu lingkaran.

The for loop sintaks berikut:

for (statement 1; statement 2; statement 3) {
   code block to be executed
}

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++) {
    text += "The number is " + i + "<br>";
}
Cobalah sendiri "

Dari contoh di atas, Anda dapat membaca:

Pernyataan 1 set variabel sebelum loop dimulai (var i = 0) .

Pernyataan 2 mendefinisikan kondisi untuk loop untuk menjalankan (i harus kurang dari 5).

Pernyataan 3 meningkatkan nilai (i++) setiap kali blok kode dalam lingkaran telah dieksekusi.


pernyataan 1

Biasanya Anda akan menggunakan pernyataan 1 untuk memulai variabel yang digunakan dalam loop (i = 0) .

Hal ini tidak selalu terjadi, JavaScript tidak peduli. Pernyataan 1 adalah opsional.

Anda dapat melakukan banyak nilai dalam pernyataan 1 (dipisahkan dengan koma):

Contoh

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

Dan Anda dapat menghilangkan pernyataan 1 (seperti ketika nilai-nilai Anda ditetapkan sebelum loop dimulai):

Contoh

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

pernyataan 2

Seringkali pernyataan 2 digunakan untuk mengevaluasi kondisi dari variabel awal.

Hal ini tidak selalu terjadi, JavaScript tidak peduli. Pernyataan 2 juga opsional.

Jika pernyataan 2 kembali benar, loop akan mulai lagi, jika ia mengembalikan palsu, loop akan berakhir.

Jika Anda menghilangkan pernyataan 2, Anda harus memberikan break di dalam lingkaran. Jika tidak loop tidak akan pernah berakhir. Ini akan crash browser Anda. Baca tentang istirahat dalam bab selanjutnya dari tutorial ini.


pernyataan 3

Seringkali pernyataan 3 meningkatkan variabel awal.

Hal ini tidak selalu terjadi, JavaScript tidak peduli, dan pernyataan 3 adalah opsional.

Pernyataan 3 dapat melakukan hal seperti kenaikan negatif (i--) , selisih positif (i = i + 15) , atau apa pun.

Pernyataan 3 juga dapat dihilangkan (seperti ketika Anda kenaikan nilai Anda di dalam loop):

Contoh

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

The For/In loop

JavaScript for/in pernyataan loop melalui sifat-sifat suatu objek:

Contoh

var person = {fname:"John", lname:"Doe", age:25};

var text = "";
var x;
for (x in person) {
    text += person[x];
}
Cobalah sendiri "

The While loop

The while loop dan do/while lingkaran akan dijelaskan dalam bab berikutnya.


Uji Diri dengan Latihan!

Latihan 1 » Latihan 2» Latihan 3 » Latihan 4» Latihan 5 » Latihan 6»