tutorial pengembangan web terbaru
 

JavaScript sementara loop


Loops dapat mengeksekusi blok kode selama kondisi yang ditentukan benar.


The While loop

The while lingkaran loop melalui blok kode selama kondisi yang ditentukan benar.

Sintaksis

while ( condition ) {
    code block to be executed
}

Contoh

Pada contoh berikut, kode di loop akan berjalan, lagi dan lagi, selama variabel (i) kurang dari 10:

Contoh

while (i < 10) {
    text += "The number is " + i;
    i++;
}
Cobalah sendiri "

Jika Anda lupa untuk meningkatkan variabel yang digunakan dalam kondisi, loop tidak akan pernah berakhir. Ini akan crash browser Anda.


The Do/While loop

The do/while loop varian dari loop sementara. lingkaran ini akan mengeksekusi blok kode sekali, sebelum memeriksa jika kondisi benar, maka akan diulang selama kondisi benar.

Sintaksis

do {
    code block to be executed
}
while ( condition );

Contoh

Contoh di bawah menggunakan do/while lingkaran. loop akan selalu dijalankan minimal sekali, bahkan jika kondisi salah, karena blok kode dijalankan sebelum kondisi diuji:

Contoh

do {
    text += "The number is " + i;
    i++;
}
while (i < 10);
Cobalah sendiri "

Jangan lupa untuk meningkatkan variabel yang digunakan dalam kondisi, jika loop tidak akan pernah berakhir!


Membandingkan Untuk dan Sementara

Jika Anda telah membaca bab sebelumnya, tentang untuk loop, Anda akan menemukan bahwa sementara loop adalah sama seperti untuk loop, dengan pernyataan 1 dan pernyataan 3 dihilangkan.

Loop dalam contoh ini menggunakan untuk loop untuk mengumpulkan nama-nama mobil dari array mobil:

Contoh

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

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

Loop dalam contoh ini menggunakan while loop untuk mengumpulkan nama mobil dari array mobil:

Contoh

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}
Cobalah sendiri "

Uji Diri dengan Latihan!

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