javaScript For Döngüsü

Hangi proğramlama dilini kullanırsanız kullanın (ister web tabanlı ister masaüstü) For döngüsü mutlaka yer alır.

ProÄŸramlama dillerin baÅŸlıca döngüsü diyebileceÄŸimiz for döngüsü belirtilen bir koÅŸul doÄŸru olana kadar bir deyim bloÄŸunu yürütür.

For döngüsü üç bölümden oluşur.

• BaÅŸlatma : Döngü baÅŸlatma ifadesi ile baÅŸlar, böylece sayaç deÄŸiÅŸkenlerinin baÅŸlatılması ilk önce yapılır (ÖrneÄŸin sayac = 1 veya i = 1). BaÅŸlatma bölümü, sadece for döngüsünün baÅŸlangıcında yürütülür.
• KoÅŸul : Sayaç deÄŸiÅŸkeninin deÄŸeri test koÅŸuluna göre test edilir. KoÅŸul DoÄŸru ise, for döngüsündeki ifadeleri yürütür. Durum baÅŸarısız olursa, döngü sonlandırılır.
• Arttırma ve eksiltme operatörü : Bu ifade her yinelemenin sonunda yürütülür. Bu operatör, ihtiyacımıza göre sayaç deÄŸiÅŸkenini arttırmaya veya azaltmaya yardımcı olur. Operatörü anlamak için lütfen JavaScript makalelerinde Artırma ve eksiltme operatörlerine bakınız.

Döngü için JavaScript'in Akış Şeması

Ekran görüntüsü, JavaScript Programlama dilinde For döngüsünün akış şemasını gösterir.

Sözdizimi:

for(Başlatma; Koşul; Artış) {
    // Kodlar buraya
}

Örnek: consola "Merhaba javaScript Dünyası" yazan bir döngü kuralım.

for(var i=1; i<=5; i++){
 
   console.log("Merhaba php Dünyası");
}

Örnek: 1'den 20'ye kadar tek sayıları ekrana yazdıralım.

for(var i=1; i<=20; i++){
    
   var tek = i % 2; // 2'ye tam bölünmezse tek sayı 
      
   if(tek!=0){
      
   console.log(i);
      
  }
}
// 1 3 5 7 9 11 13 15 17 19

Örnek: 5 sayısının çarpım tablosunu yapalım.

for(var i=1; i<=9; i++){
    
  var sonuc=5*i;
   
  console.log(`5 x ${i} = ${sonuc}`); 
}

ÇIKTI:

Döngü özellikleri için JavaScript

Döngü için bildiriden bir veya daha fazla bölüm atlamak için esneklik vardır. for döngüsünden bir veya daha fazla bölümü atlayabilmemize rağmen, noktalı virgülü (;) yerine koymamız gerekiyor, Yoksa derleme hatasıyla gerçekleşecek.

Başlatma, sayaç değişkeni aşağıda gösterildiği gibi atlanabilir:

var i=1;

for( ;i<=10;i++)

Başlatma gibi, arttırma bölümünü de atlayabiliriz.

var i=1;

for( ;i<=20; )
 {
   //statements     
   i++;
 } 
 

For döngüsü ayrıca for döngüsünde çoklu koÅŸulların kullanılmasına da izin verir. Virgül kullanmak yerine iki koÅŸulu ayırmak için mantıksal operatörü kullanmak zorundayız.

for(i=1,j=20; i<=10 && j>=20; i++)
 {
   //statements
   j++;
 }

Döngü için birden fazla artırma operatörünü aşağıdaki gibi kullanmamıza izin verir.

for(i=1,j=1; i<=10 && j<=10; i++, j++)

javaScript iç içe for döngüsü

İç - içe döngüler, bir döngünün içerisinde baÅŸka bir döngü bulunan yapılardır. Bu yapılar programcılıkta en çok baÅŸvurulan yapılardandır. İç içe for döngülerde dikkat edilecek konu parantezlerdir.

BildiÄŸimiz üzere for Döngüsünün ana mantığı, bazı iÅŸlemlerin belirli sayıda kısa yoldan yaptırılması için kullanılır. Bu iÅŸlemler ve örnekler farklılık gösterebilir. Matrisler, Çarpım Tabloları gibi bazı örnekler sadece tek bir for Döngüsü ile yapılacak iÅŸlemler deÄŸillerdir. Bu yüzden bizlerin yardımına İç İçe for Döngüleri yetiÅŸir ki gayet kullanışlı bir yöntem olduÄŸunu sizlerde göreceksiniz.

var i, j;
for (i = 9; i <= 10; i++)
 {
   for (j = 1; j <= 10; j++)
     {
      var x = `${i} * ${j} = ${i * j} 
`;
       
    document.write(x);
       
      }
 } 
  

ÇIKTI: