JavaScript Özeti için

<JavaScript Tablolar Referans

Örnek

Kod beş kez bir blok döngü:

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

Metnin sonucu olacaktır:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4

Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

ifadesi için sürece bir koşul doğru olarak yürütülür bir döngü oluşturur.

döngü sürece koşul doğru olduğu gibi çalışmaya devam edecektir. koşul yanlış olduğunda sadece duracaktır.

JavaScript döngüler farklı türde destekler:

for - bir kod bloğu ile bir kaç kez döngüler
for/in - Bir nesnenin özelliklerini döngüler
while - belirli bir koşulun doğru ise kod bloğu döngüsü
ederken / yapılacak belirli bir koşul doğru iken döngü kez kod bloğu döngüsü, ve daha sonra tekrar -

İpucu: kullan mola döngü çıkmak için açıklama ve devam döngüde bir değer atlamak deyimi.

Tarayıcı Desteği

açıklama
for	Evet	Evet	Evet	Evet	Evet

Sözdizimi

Parametre Değerleri

Parametre	Açıklama
statement1	İsteğe bağlı. Döngü önce yürütülür (the code block) başlar. Normalde bu açıklama bir karşı değişkeni başlatmak için kullanılır. birden fazla değer başlatmak için, bir virgül ile her bir değeri ayırın. Not: Bu parametre ihmal edilebilir. Ancak, noktalı virgül açığa çıkarmaz ";"
statement2	İsteğe bağlı. Döngü çalışan koşulunu tanımlar (the code block) . Normalde bu açıklama sayaç değişkeninin durumunu değerlendirmek için kullanılır. Doğru döndürürse, döngü yanlış dönerse, döngü sona erecek, baştan başlar. Not: Bu parametre ihmal edilebilir. Ancak, noktalı virgül açığa çıkarmaz ";" . Bu parametreyi atlarsanız, ayrıca, döngü içinde bir mola vermelidir. Aksi takdirde döngü tarayıcınızı çökmesine, hangi hiç bitmeyecek
statement3	İsteğe bağlı. döngü (kod bloğu) çalıştırıldıktan sonra, her zaman çalıştırılır. Normal olarak bu açıklama artırmak veya karşı değişken azaltma için kullanılır. Not: Bu parametre ihmal edilebilir (eg to increase/decrease values inside the loop)

Teknik detaylar

JavaScript Versiyon:	1.0

Diğer Örnekler

Örnek

Bir dizinin indisleri ile döngü arabalar diziden araba isimleri toplamak için:

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

Kendin dene "

Örnek yukarıda açıklandığı:

İlk olarak, ilmek başlamadan önce bir değişken (var i = 0;)
Sonra biz döngü çalıştırmak için koşul tanımlar. Sürece değişken dizisinin uzunluğundan daha az olduğu (which is 4) , döngü devam edecektir
Döngü yürütür her değişken bir artırılır (i++)
Değişken sonra artık en az 4 (array's length) , durum yanlıştır ve döngü sona erecek

Örnek

İlk parametre birden fazla değer başlatılması:

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

Kendin dene "

Örnek

Ilk parametre ihmal (set values before the loop starts) :

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

Kendin dene "

Örnek

Ifadesi devam kullanma - kod bloğu içinden Döngü ancak değerini atlamak "3" :

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

Kendin dene "

Örnek

Değişken i eşit olduğunda döngü kod bloğu içinden Döngü ancak çıkmak - break ifadesinin kullanılması "3" :

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

Kendin dene "

Örnek

ikinci parametre sayın. Bu örnekte, biz de kullanmak mola i ikinci parametre atlanırsa "3" (loop içinde bir mola vermelidir eşittir Aksi takdirde döngü hiç bitmeyecek. Döngü çıkmak için açıklama ve tarayıcı olacak crash):

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

Kendin dene "

Örnek

azalan bir (negatif artış) bir dizi indeksleri, döngü:

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

Kendin dene "

Örnek

Son parametre ihmal ve döngü içinde değerleri artırmak:

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

Kendin dene "

Örnek

Bir NodeList nesnesinin düğümleri arasında döngü ve arka plan rengini değiştirmek listesinde elemanlar:

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

Kendin dene "

Örnek

Iç içe geçmiş bir döngünün bir örneği (a loop inside a loop) :

var text = "";
var i, j;

for (i = 0; i < 3; i++) {
 text += " " + "i = " + i + ", j = ";

 for (j = 10; j < 15; j++) {
 document.getElementById("demo").innerHTML = text += j + " ";
 }
}

Kendin dene "