JavaScript While Döngüsü Nedir?

JavaScript’te while döngüsü, belirli bir koşul doğru olduğu sürece bir kod bloğunu tekrar tekrar çalıştırır. Bu yapı, özellikle bir işlemin belirli bir koşul sağlandığında sürekli yapılması gerektiği durumlarda kullanılır.

while döngüsünün genel yapısı şu şekildedir:

while (koşul) {
    // Çalıştırılacak kod bloğu
}

Döngü, belirtilen koşul doğru (true) olduğu sürece çalışmaya devam eder. Eğer koşul yanlış (false) olursa, döngü sona erer.

Basit Bir While Döngüsü Örneği

Aşağıdaki örnekte, while döngüsü kullanarak bir sayaç oluşturacağız:

<h2>JavaScript While Döngüsü Örneği</h2>
<p id="output"></p>

<script>
	let count = 1;
	let output = "";

	while (count <= 5) {
		output += "Sayaç: " + count + "<br>";
		count++;
	}

	document.getElementById("output").innerHTML = output;
</script>

Bu örnekte while döngüsü, count değişkeninin değeri 5’e ulaşana kadar çalışır. Döngü her çalıştığında count bir artar ve sonucunda ekranda 1’den 5’e kadar sayılar listelenir.

Koşul Sağlanmazsa Döngü Çalışmaz

Eğer while döngüsü başlangıçta false bir koşulla başlarsa, döngü hiç çalışmaz. Aşağıdaki örnekte bu durumu inceleyelim:

let count = 6;

while (count <= 5) {
    console.log("Bu mesaj asla yazdırılmaz.");
    count++;
}

Yukarıdaki örnekte count değişkeni başlangıçta 6’dır ve bu nedenle count <= 5 koşulu yanlış olduğundan döngü çalışmaz.

Sonsuz Döngüye Dikkat!

while döngüsünde dikkat edilmesi gereken en önemli konulardan biri, döngünün sonsuz döngüye girmemesi gerektiğidir. Sonsuz döngü, tarayıcıda işlem yapmaya devam ederek programın yanıt vermemesine neden olabilir. Sonsuz döngü örneği:

let count = 1;

while (true) {
    console.log("Bu döngü sonsuza kadar devam eder!");
    count++;
}

Bu kod çalıştırıldığında döngü, durmadan sürekli olarak konsola mesaj yazacaktır. Bu yüzden while döngüsü kullanılırken döngünün bir durdurucu koşulu olduğundan emin olunmalıdır.

While Döngüsüyle Sayı Toplama Örneği

Bu örnekte kullanıcıdan alınan sayıları while döngüsü ile toplayacağız. Kullanıcı 0 girdiğinde döngü sona erecek.

<h2>Toplama İşlemi</h2>
<button onclick="startSum()">Toplamaya Başla</button>
<p id="sumOutput"></p>

<script>
	function startSum() {
		let sum = 0;
		let number;

		while (true) {
			number = parseInt(prompt("Bir sayı girin (Durdurmak için 0):"));
			
			if (number === 0) break;
			if (isNaN(number)) continue; // Geçersiz girişlerde döngüyü yeniden başlatır

			sum += number;
		}

		document.getElementById("sumOutput").innerHTML = "Toplam: " + sum;
	}
</script>

Bu kodda, kullanıcı bir sayı girdiğinde bu sayı sum değişkenine eklenir. Kullanıcı 0 girdiğinde ise break ifadesi ile döngü sona erdirilir. Kullanıcı geçersiz bir giriş yaptığında, continue ifadesi ile o döngü atlanır.

Yukarıda paylaştığım kodların çalışan bir örneğini aşağıda ki bağlantıdan inceleyebilirsiniz.
https://codepen.io/Serdar-Karaca/pen/qBeKgQZ
https://codepen.io/Serdar-Karaca/pen/MWNXLZd