JavaScript for ifadesi

Tanım ve kullanım

for ifadesi, koşul doğru olduğu sürece döngüyü çalıştırır.

Koşul doğru olduğu sürece döngü çalışmaya devam eder. Koşul yanlış olduğunda döngü durur.

JavaScript, farklı türdeki döngüleri destekler:

  • for - birden fazla döngü kod bloğu
  • for/in - nesnelerin özelliklerini dolaşma
  • for/of - Geçerli nesnelerin değerlerini dolaşır
  • while - Belirli şart doğru olduğunda kod bloğu döngülenir
  • do/while - Bir kez kod bloğu çalıştırır, ardından belirli şart doğru olduğunda döngü tekrarlanır

İpucu:Döngüden çıkış için break ifadesi kullanın, döngü içindeki belirli bir değeri atlamak için continue ifadesi kullanın.

Örnek

Döngü bloğunu beş kez çalıştır:

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

Kişisel Olarak Deneyin

Sayfa altında daha fazla TIY örneği bulunmaktadır.

Sözdizimi

for (statement 1; statement 2; statement 3) {
  Yürütülecek kod bloğu
}

Parametre değeri

Parametre Açıklama
statement1

Opsiyonel. Döngü (blok) başlamadan önce çalıştırılır. Genellikle bu ifadesi, sayacı initialize etmek için kullanılır. Çoklu değer initialize etmek istiyorsanız, her değeri virgülle ayırın.

Yorum:Bu parametre atlanabilir. Ancak, noktalama işaretini ";" atlamayın.
statement2

Opsiyonel. Döngü (blok) çalıştırma şartını tanımlar. Genellikle bu ifadesi, sayacı değerlendirmek için kullanılır. True döndüyse döngü tekrar başlar, false döndüyse döngü sona erer.

Yorum:Bu parametre atlanabilir. Ancak, noktalama işaretini ";" atlamayın. Ayrıca, bu parametreyi atlanırsa, döngü içinde "break" sağlanmalıdır. Aksi takdirde döngü asla sona ermez ve bu tarayıcınız çöküşe uğrayabilir.
statement3

Opsiyonel. Her döngü (blok) çalıştıktan sonra çalıştırılır. Genellikle bu ifadesi, sayacı artırmak veya azaltmak için kullanılır.

Yorum:Bu parametre atlanabilir (örneğin, döngü içindeki değeri artırma/azaltma).

Teknik ayrıntılar

JavaScript sürümü: ECMAScript 1

Daha fazla örnek

Örnek

Döngü dizinin indekslerini dolaşır, cars dizisinden otomobil adlarını toplar:

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

Kişisel Olarak Deneyin

Örnek açıklaması:

  • Öncelikle, döngü başlamadan önce bir değişken ayarlarız (var i = 0;)
  • Sonra, döngü çalışma şartını tanımlarız. Değişken dizinin uzunluğundan küçükse (yani 4), döngü devam eder
  • Her döngüde bir değişken bir artırılır (i++)
  • Bir daha küçük olmayınca 4 (dizinin uzunluğu) (değişken), şart yanlış, döngü sona erer

Örnek

İlk parametrede çoklu değerleri initialize et:

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

Kişisel Olarak Deneyin

Örnek

İlk parametreyi atla (döngü başlamadan önce değer ayarla):

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

Kişisel Olarak Deneyin

Örnek

continue ifadesi kullanarak - döngü bloğu, ancak "3" bu değeri atla:

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

Kişisel Olarak Deneyin

Örnek

break İfadesi Kullanarak - Bir Dönge Bölgesini Döngü İçinde Çalıştır, Ama i "3" Olunca Çıkış Yap:

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

Kişisel Olarak Deneyin

Örnek

İkinci Parametreyi Atlayın. Bu Örnekte, Ayrıca i "3" Olunca Çıkış Yapmak İçin break İfadesi Kullanıyoruz (İkinci Parametreyi Atlanırsa, Döngü İçinde Bir break Sağlamak Zorundasınız. Aksi Takdirde Döngü Asla Sona Ermez ve Tarayıcınız Çöküşe Uğrar):

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

Kişisel Olarak Deneyin

Örnek

Düşey降üste Döngü İndeksleri Gezme (Negatif Azalan):

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

Kişisel Olarak Deneyin

Örnek

Son Parametreyi Atlayın ve Döngü İçinde Değerleri Artırın:

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

Kişisel Olarak Deneyin

Örnek

NodeList Objesinin Node'larını Dolaşarak ve Liste İçindeki Tüm <p> Elemanlarının Arka Plan Renklerini Değiştirme:

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

Kişisel Olarak Deneyin

Örnek

Dümdümlü Döngü Örneği (Döngü İçinde Döngü):

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

Kişisel Olarak Deneyin

Tarayıcı Desteği

Cümleler Chrome IE Firefox Safari Opera
for Destek Destek Destek Destek Destek

İlgili Sayfalar

JavaScript Eğitimi:JavaScript For döngüsü

JavaScript referans el kitabı:JavaScript for ... in ifadesi

JavaScript referans el kitabı:JavaScript break ifadesi

JavaScript referans el kitabı:JavaScript continue ifadesi

JavaScript referans el kitabı:JavaScript while ifadesi