JavaScript For Döngüsü

Döngüler, kod bloklarını birden fazla kez çalıştırabilir.

JavaScript Döngüleri

Eğer birden fazla kez kod çalıştırmak ve her seferinde farklı değerler kullanmak istiyorsanız, döngü (döngü) oldukça kolay kullanılır.

Genellikle diziler kullanımıyla karşılaşıyoruz:

Bu şekilde yazmama gerek yok:

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

Bu şekilde yazabilirsiniz:

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

Kişisel olarak deneyin

Farklı Türdeki Döngüler

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

  • for - Kod bloklarını birden fazla kez döngüler
  • for/in - Nesne özelliklerini tarar
  • while - Belirtilen koşul true olduğunda bir kod bloğu döngüsü
  • do/while - Belirtilen koşul true olduğunda bir kod bloğu döngüsü

For Döngüsü

For döngüsü, döngü oluşturmak istediğinizde sıkça kullanılan bir araçtır.

For döngüsü aşağıdaki gibi bir dilbilgisi kullanır:

for (Cümle 1; Cümle 2; Cümle 3) {
     Yapılacak kod bloğu
}

Cümle 1, döngü (kod bloğu) başlamadan önce çalışır.

Cümle 2, döngü (kod bloğu) çalışma koşulunu tanımlar.

Cümle 3, döngü (kod bloğu) her seferinde çalıştıktan sonra çalışır.

Örnek

for (i = 0; i < 5; i++) {
     text += "Sayı şu: " + i + "<br>";
}

Kişisel olarak deneyin

Yukarıdaki koddan, şunları öğrenebilirsiniz:

Cümle 1, döngü başlamadan önce bir değişken ayarlar (var i = 0).

Cümle 2, döngü çalışması için koşulu tanımlar (i 5'ten küçük olmalı).

Cümle 3, kod bloğu her seferinde çalıştıktan sonra değeri artırır (i++).

Cümle 1

Genellikle, cümle 1'i döngüde kullanılan değişkenleri initialize etmek için kullanırsınız (i = 0).

Ama durum her zaman bu şekilde değil, JavaScript umursamaz. Cümle 1 seçmeli olabilir.

Cümle 1'de birden fazla değeri (virgülle ayrılmış olarak) initialize edebilirsiniz:

Örnek

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

Kişisel olarak deneyin

Ve hatta cümle 1'i de atlayabilirsiniz (örneğin, döngü başlamadan önce değer ayarlamak):

Örnek

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

Kişisel olarak deneyin

Cümle 2

Genellikle cümle 2, başlangıç değişkeninin koşulunu hesaplamak için kullanılır.

Ama durum her zaman bu şekilde değil, JavaScript umursamaz. Cümle 2 de seçmeli olabilir.

Eğer cümle 2 true dönerse, döngü tekrar başlar, eğer false dönerse döngü sona erer.

Eğer cümle 2'yi atarsanız, döngü içinde bir şey sağlamak zorundasınız. breakAksi takdirde döngü asla sona ermez. Break hakkında daha fazla bilgi için bir sonraki bölümü okuyun.

Cümle 3

Genellikle cümle 3, başlangıç değişkeninin değerini artırır.

Ama durum her zaman bu şekilde değil, JavaScript umursamaz. Cümle 3 de seçmeli olabilir.

Cümle 3 her şeyi yapabilir, örneğin negatif artırma (i--), pozitif artırma (i = i + 15) veya herhangi başka bir şey.

ifadesi 3 de atlanabilir (örneğin, döngü içinde artırma yaparken):

Örnek

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

Kişisel olarak deneyin

For/In Döngüsü

JavaScript for/in ifadesi, nesnenin özelliklerini tarar:

Örnek

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

Kişisel olarak deneyin

While Döngüsü

Önümüzdeki bölümde while döngüsü ve do/while döngüsünü öğreneceğiz.

ders dışı kitap

daha fazla bilgi için JavaScript for ifadesidaha fazla bilgi için, JavaScript İleri Düzey Eğitimi'ndeki ilgili içerikleri okuyun:

ECMAScript Döngü İfadeleri
Döngü ifadeleri, yineleme ifadeleri olarak da bilinir. Bu bölümde ECMAScript tarafından sağlanan dört tür döngü ifadesini tanıtıyoruz.