Döngü için JavaScript
Döngüler, bir kod bloğunu birkaç kez çalıştırabilir.
JavaScript Döngüleri
Döngüler, her seferinde farklı bir değerle aynı kodu tekrar tekrar çalıştırmak istiyorsanız kullanışlıdır.
Dizilerle çalışırken genellikle durum budur:
Yazmak yerine:
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";
Yazabilirsin:
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
Farklı Döngü Çeşitleri
JavaScript, farklı döngü türlerini destekler:
for- bir kod bloğunda birkaç kez dolanırfor/in- bir nesnenin özellikleri arasında dolaşırfor/of- yinelenebilir bir nesnenin değerleri arasında geçiş yaparwhile- belirli bir koşul doğruyken bir kod bloğunda döngü yapardo/while- ayrıca belirli bir koşul doğruyken bir kod bloğunda döngü yapar
For Döngüsü
forDöngü aşağıdaki sözdizimine sahiptir :
for (statement 1; statement 2; statement 3) {
// code block to be executed
}
İfade 1 , kod bloğunun yürütülmesinden önce (bir kez) yürütülür.
İfade 2 , kod bloğunun yürütülmesi için koşulu tanımlar.
Kod bloğu yürütüldükten sonra (her seferinde) İfade 3 yürütülür.
Örnek
for (let i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
Yukarıdaki örnekten şunları okuyabilirsiniz:
İfade 1, döngü başlamadan önce bir değişken ayarlar (let i = 0).
İfade 2, döngünün çalışması için koşulu tanımlar (i 5'ten küçük olmalıdır).
İfade 3, döngüdeki kod bloğu her çalıştırıldığında bir değeri (i++) artırır.
Açıklama 1
Normalde döngüde kullanılan değişkeni başlatmak için 1. ifadeyi kullanırsınız (let i = 0).
Bu her zaman böyle değildir, JavaScript umursamıyor. İfade 1 isteğe bağlıdır.
1. ifadede (virgülle ayrılmış) birçok değeri başlatabilirsiniz:
Örnek
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
Ve ifade 1'i atlayabilirsiniz (değerleriniz döngü başlamadan önce ayarlandığında olduğu gibi):
Örnek
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
Açıklama 2
Genellikle ifade 2, ilk değişkenin durumunu değerlendirmek için kullanılır.
Bu her zaman böyle değildir, JavaScript umursamıyor. İfade 2 de isteğe bağlıdır.
Eğer 2. ifade true dönerse döngü yeniden başlar, false dönerse döngü sona erer.
2. ifadeyi atlarsanız , döngü içinde bir ara vermeniz gerekir. Aksi halde döngü asla bitmez. Bu, tarayıcınızı çökertecektir. Bu öğreticinin sonraki bir bölümünde molalar hakkında bilgi edinin.
Açıklama 3
Genellikle ifade 3, ilk değişkenin değerini artırır.
Bu her zaman böyle değildir, JavaScript umursamaz ve 3. ifade isteğe bağlıdır.
İfade 3, negatif artış (i--), pozitif artış (i = i + 15) veya başka bir şey gibi her şeyi yapabilir.
İfade 3 de atlanabilir (döngü içinde değerlerinizi artırdığınızda olduğu gibi):
Örnek
let i = 0;
let len = cars.length;
let text = "";
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
}
Döngü Kapsamı
varBir döngüde kullanma :
Örnek
var i = 5;
for (var i = 0; i < 10; i++) {
// some code
}
// Here i is 10
letBir döngüde kullanma :
Örnek
let i = 5;
for (let i = 0; i < 10; i++) {
// some code
}
// Here i is 5
İlk örnekte, kullanılarak var, döngüde bildirilen değişken, değişkeni döngü dışında yeniden bildirir.
İkinci örnekte, kullanıldığında let, döngüde bildirilen değişken, değişkeni döngü dışında yeniden bildirmez.
Bir letdöngüde i değişkenini bildirmek için kullanıldığında, i değişkeni yalnızca döngü içinde görünür olacaktır.
For/Of ve For/In Döngüleri
for/inDöngü ve döngü for/ofsonraki bölümde açıklanmıştır.
Döngüler
whileDöngü ve sonraki do/whilebölümlerde açıklanmıştır.