JavaScript while and do ... while Döngü (Örneklerle)

Bu eğitimde, örnekler yardımıyla while döngüsü ve do… while döngüsü hakkında bilgi edineceksiniz.

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.

Önceki eğitimde JavaScript for döngüsü hakkında bilgi edindiniz. Burada, whileve do… whiledöngüler hakkında bilgi edineceksiniz .

Döngü sırasında JavaScript

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

 while (condition) ( // body of loop )

Buraya,

  1. Bir whileilmek değerlendirir durum parantez içinde ().
  2. Eğer koşul olarak değerlendirilirse true, içeride kod whiledöngü yürütülür.
  3. Durum yeniden değerlendirilir.
  4. Kadar bu süreç devam koşulu olduğunu false.
  5. Tüm durum olarak değerlendirilirse false, döngü durur.

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

While Döngüsü akış çizelgesi

Döngü sırasında JavaScript akış çizelgesi

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

 // program to display numbers from 1 to 5 // initialize the variable let i = 1, n = 5; // while loop from i = 1 to 5 while (i <= n) ( console.log(i); i += 1; )

Çı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ü sona erdi

Örnek 2: Yalnızca Pozitif Sayıların Toplamı

 // program to find the sum of positive numbers // if the user enters a negative numbers, the loop ends // the negative number entered is not added to sum let sum = 0; // take input from the user let number = parseInt(prompt('Enter a number: ')); while(number>= 0) ( // add all positive numbers sum += number; // take input again if the number is positive number = parseInt(prompt('Enter a number: ')); ) // display the sum console.log(`The sum is $(sum).`);

Çıktı

 Bir numara girin: 2 Bir numara girin: 5 Bir numara girin: 7 Bir numara girin: 0 Bir sayı girin: -3 Toplam 14'tür.

Yukarıdaki programda, kullanıcıdan bir numara girmesi istenir.

Burada, kullanıcıdan dizge olarak girdi aldığı için parseInt()kullanılır prompt(). Ve sayısal dizeler eklendiğinde, bir dizge gibi davranır. Örneğin '2' + '3' = '23',. Böylece parseInt()sayısal bir dizeyi sayıya dönüştürür.

whileKullanıcı negatif bir sayı girene kadar döngü devam eder. Her yineleme sırasında, kullanıcı tarafından girilen sayı sumdeğişkene eklenir .

Kullanıcı negatif bir sayı girdiğinde döngü sona erer. Son olarak, toplam tutar görüntülenir.

JavaScript yapmak… Döngü sırasında

do… whileDöngünün sözdizimi şöyledir:

 do ( // body of loop ) while(condition)

Buraya,

  1. Döngünün gövdesi ilk olarak yürütülür. Ardından durum değerlendirilir.
  2. Eğer koşul olarak değerlendirilirse true, iç döngünün gövdesi dodeyimi tekrar yürütülür.
  3. Durum bir kez daha değerlendirilir.
  4. Eğer koşul olarak değerlendirilirse true, iç döngünün gövdesi dodeyimi tekrar yürütülür.
  5. Bu süreç, durum değerlendirilene kadar devam eder false. Ardından döngü durur.

Not : do… whiledöngü, döngüye benzer while. Tek fark, do… whiledöngüde, döngü gövdesinin en az bir kez yürütülmesidir.

Yapmak için akış çizelgesi… Döngü sırasında

JavaScript akış çizelgesi yapmak… döngü sırasında

do… whileDöngünün çalışmasını görelim .

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

 // program to display numbers let i = 1; const n = 5; // do… while loop from 1 to 5 do ( console.log(i); i++; ) while(i <= n);

Çıktı

 1 2 3 4 5

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

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

Örnek 4: Pozitif Sayıların Toplamı

 // to find the sum of positive numbers // if the user enters negative number, the loop terminates // negative number is not added to sum let sum = 0; let number = 0; do ( sum += number; number = parseInt(prompt('Enter a number: ')); ) while(number>= 0) console.log(`The sum is $(sum).`);

Çıkış 1

 Bir sayı girin: 2 Bir sayı girin: 4 Bir sayı girin: -500 Toplam 6'dır.

Here, the do… while loop continues until the user enters a negative number. When the number is negative, the loop terminates; the negative number is not added to the sum variable.

Output 2

 Enter a number: -80 The sum is 0.

The body of the do… while loop runs only once if the user enters a negative number.

Infinite while Loop

If the condition of a loop is always true, the loop runs for infinite times (until the memory is full). For example,

 // infinite while loop while(true)( // body of loop )

Here is an example of an infinite do… while loop.

 // infinite do… while loop const count = 1; do ( // body of loop ) while(count == 1)

In the above programs, the condition is always true. Hence, the loop body will run for infinite times.

for Vs while Loop

A for loop is usually used when the number of iterations is known. For example,

 // this loop is iterated 5 times for (let i = 1; i <=5; ++i) ( // body of loop )

Ve whileve do… whiledöngüler genellikle yineleme sayısı bilinmediğinde kullanılır. Örneğin,

 while (condition) ( // body of loop )

Ilginç makaleler...