En son web geliştirme öğreticiler
 

JavaScript döngü için

❮ Önceki Sonraki Bölüm ❯

Döngüler kod bloğu birkaç kez yürütebilirsiniz.

JavaScript Döngüler

Eğer, tekrar tekrar farklı bir değerle her zaman aynı kod çalıştırmak istiyorsanız Döngüler, kullanışlı.

Genellikle bu dizilerle çalışmaya durumdur:

yazma 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 (i = 0; i < cars.length; i++) {
    text += cars[i] + "<br>";
}
Kendin dene "

Loops Farklı Çeşitleri

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ü
  • do/while da kod bloğu döngüsü belirli bir koşul doğru iken -

For Döngüsü

for döngü sıklıkla bir döngü oluşturmak istediğinizde kullanacağınız bir araçtır.

for döngü sözdizimi aşağıdaki gibidir:

for ( Döngü önce Açıklama 1 yürütülür (the code block) başlar.

Açıklama 2 döngü çalıştırmak için koşulu tanımlar (the code block) .

Döngü sonra Açıklama 3, her zaman çalıştırılır (the code block) gerçekleştirilmiştir.

Örnek

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

Yukarıdaki örnekte de okuyabilir:

Açıklama 1 setleri döngü başlamadan önce değişken bir (var i = 0) .

Açıklama 2 çalıştırmak için döngü koşulu tanımlar: (i az 5 olmalıdır).

Açıklama 3 değerini artırır (i++) döngü kod bloğu çalıştırıldı her.

Bildirim 1

Normal olarak, bir döngüde kullanılan değişken başlatmak için açıklama 1 kullanır (i = 0) .

Bu her zaman böyle değildir, JavaScript umursamıyor. Açıklama 1 opsiyoneldir.

Sen açıklamada 1'de birçok değerleri başlatabilir (separated by comma) :

Örnek

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

(Döngü başlamadan önce değerleri ayarlandığında gibi) Ve deyimi 1 atlayabilirsiniz:

Örnek

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

İfade 2

Genellikle ifade, 2, ilk değişken durumunu değerlendirmek için kullanılır.

Bu her zaman böyle değildir, JavaScript umursamıyor. Açıklama 2 da isteğe bağlıdır.

, Döngü baştan başlar deyimi 2 döner true ise yanlış dönerse, döngü sona erecektir.

Eğer deyimi 2 atlarsanız, bir sağlamalıdır break döngü içinde. Aksi takdirde döngü hiç bitmeyecek. Bu işlem tarayıcınızı çökecek. bu yazının daha sonraki bir bölümde sonları hakkında okuyun.

İfade 3

Genellikle ifadesi 3 başlangıç ​​değeri artar.

Bu her zaman böyle değildir, JavaScript umursamıyor ve deyim 3 isteğe bağlıdır.

Açıklama 3: negatif artış gibi bir şey olabilir (i--) , pozitif artış (i = i + 15) , ya da başka bir şey.

İfade 3 de atlanabilir (like when you increment your values inside the loop) :

Örnek

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

For/In döngü

JavaScript for/in açıklamada, bir nesnenin özelliklerini aracılığıyla döngüsü:

Örnek

var person = {fname:"John", lname:"Doe", age:25};

var text = "";
var x;
for (x in person) {
    text += person[x];
}
Kendin dene "

While Döngü

while döngüsü ve do/while döngü sonraki bölümde açıklanacaktır.

Egzersizleri ile Yourself test edin!

Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Egzersiz 4» Egzersiz 5 » Egzersiz 6»


❮ Önceki Sonraki Bölüm ❯