JavaScript for döngüsü (Örneklerle)

Bu eğiticide, örnekler yardımıyla JavaScript'teki döngüleri ve döngüleri öğreneceksiniz.

Programlamada, bir kod bloğunu tekrarlamak için döngüler kullanılır.

Örneğin, bir mesajı 100 kez göstermek istiyorsanız, bir döngü kullanabilirsiniz. Bu sadece basit bir örnek; döngülerle çok daha fazlasını başarabilirsiniz.

Bu eğitim, JavaScript fordöngüsüne odaklanmaktadır . Gelecek eğitimlerde diğer döngü türleri hakkında bilgi edineceksiniz.

Döngü için JavaScript

forDöngünün sözdizimi şöyledir:

  for(initialExpression; condition; updateExpression) ( // for loop body )

Buraya,

1. İnitialExpression başlatır ve / veya sadece bir kez değişken ve yürütür bildirir.
2. Durum değerlendirilir.
   • Koşul ise false, fordöngü sonlandırılır.
   • koşul ise true, fordöngünün içindeki kod bloğu çalıştırılır.
3. UpdateExpression değerini günceller initialExpression durumdur true.
4. Koşul durumdur kadar değerlendirilir again.This süreç devam false.

Hakkında daha fazla bilgi edinmek için koşullar , JavaScript Karşılaştırma ve Mantıksal Operatörler ziyaret edin.

Döngü için JavaScript akış çizelgesi

Örnek 1: Bir Metni Beş Kez Görüntüle

 // program to display text 10 times const n = 5; // looping from i = 1 to 5 for (let i = 1; i <= n; i++) ( console.log(`I love JavaScript.`); )

Çıktı

JavaScript'i seviyorum. JavaScript'i seviyorum. JavaScript'i seviyorum. JavaScript'i seviyorum. JavaScript'i seviyorum.

İşte bu programın işleyişi.

Yineleme	Değişken	Koşul: i <= n	Aksiyon
1 inci	i = 1 n = 5	true	JavaScript'i seviyorum. yazdırılır. i 2'ye çıkarıldı .
2.	i = 2 n = 5	true	JavaScript'i seviyorum. basılmıştır. i 3'e çıkarıldı .
3 üncü	i = 3 n = 5	true	JavaScript'i seviyorum. yazdırılır. i 4'e çıkarıldı .
4.	i = 4 n = 5	true	JavaScript'i seviyorum. basılmıştır. i 5'e çıkarıldı .
5	i = 5 n = 5	true	JavaScript'i seviyorum. basılmıştır. i 6'ya çıkarıldı .
6	i = 6 n = 5	false	Döngü sonlandırılır.

Örnek 2: 1'den 5'e kadar Sayıları Görüntüleme

 // program to display numbers from 1 to 5 const n = 5; // looping from i = 1 to 5 // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( console.log(i); // printing the value of i )

Çıktı

 1 2 3 4 5

İşte bu programın işleyişi.

Yineleme	Değişken	Koşul: i <= n	Aksiyon
1 inci	i = 1 n = 5	true	1 yazdırılır. i 2'ye çıkarıldı .
2.	i = 2 n = 5	true	2 yazdırılır. i 3'e çıkarıldı .
3 üncü	i = 3 n = 5	true	3 yazdırılır. i 4'e çıkarıldı .
4.	i = 4 n = 5	true	4 yazdırılır. i 5'e çıkarıldı .
5	i = 5 n = 5	true	5 yazdırılır. i 6'ya çıkarıldı .
6	i = 6 n = 5	false	Döngü sonlandırılır.

Örnek 3: n Doğal Sayıların Toplamını Görüntüleme

 // program to display the sum of natural numbers let sum = 0; const n = 100 // looping from i = 1 to n // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( sum += i; // sum = sum + i ) console.log('sum:', sum);

Çıktı

 toplam: 5050

Burada, başlangıçta toplamın değeri 0'dır . Daha sonra, bir fordöngüden yinelenir i = 1 to 100. Her yinelemede, toplama i eklenir ve değeri 1 artar .

İ olduğunda 101 , bir test bir durumdur falseve toplam 0 + 1 + 2 + … + 100'e eşit olacaktır.

Doğal sayıların toplamını eklemek için yukarıdaki program şu şekilde de yazılabilir:

 // program to display the sum of n natural numbers let sum = 0; const n = 100; // looping from i = n to 1 // in each iteration, i is decreased by 1 for(let i = n; i>= 1; i-- ) ( // adding i to sum in each iteration sum += i; // sum = sum + i ) console.log('sum:',sum);

Bu program ayrıca Örnek 3 ile aynı çıktıyı verir . Programlamada aynı görevi birçok farklı şekilde gerçekleştirebilirsiniz; programlama tamamen mantıkla ilgilidir.

Her iki yol da doğru olsa da, kodunuzu daha okunaklı hale getirmeye çalışmalısınız.

JavaScript Sonsuz for döngüsü

Bir fordöngüdeki test koşulu her zaman ise true, sonsuza kadar çalışır (bellek dolana kadar). Örneğin,

 // infinite for loop for(let i = 1; i> 0; i++) ( // block of code )

Yukarıdaki programda, koşul daima truekodun sonsuz kez çalıştırılmasıdır.

Bir sonraki eğitimde, hakkında bilgi edinecek whileve do… whiledöngü yapacaksınız .