crazy_coder
Moderatör
- Katılım
- 20 Şub 2026
- Mesajlar
- 204
- Tepkime puanı
- 0
- Puanları
- 16
Döngüler, belirli bir koşul sağlandığı sürece bir kod bloğunu tekrar tekrar çalıştıran yapılardır. JavaScript geliştikçe, bu tekrarları yapmanın yolları da daha güvenli ve kısa hale geldi.
En temel ve en eski döngü yapısıdır. Üç ana parçadan oluşur: başlangıç değeri, koşul ve artış miktarı.
Sadece bir koşula bağlıdır. Koşul doğru (true) olduğu sürece döngü dönmeye devam eder.
Diziler (Arrays) ile çalışırken en çok tercih edilen yöntemdir. Bir fonksiyon gibi davranır ve dizinin her bir elemanı için otomatik olarak çalışır. i++ veya array.length gibi detaylarla uğraşmanıza gerek kalmaz.
Modern JavaScript ile gelen bu iki yapı, nesneler ve diziler üzerinde dolaşmayı çok pratik hale getirir.
Sonuç
Döngüler, kodunuzu manuel tekrarlardan kurtarır. Başlangıçta klasik for döngüsünü anlamak mantığı kavramak için önemlidir; ancak profesyonel hayatta forEach ve map gibi fonksiyonel metotları kullanmak sizi bir adım öne çıkaracaktır.
1. Klasik for Döngüsü
En temel ve en eski döngü yapısıdır. Üç ana parçadan oluşur: başlangıç değeri, koşul ve artış miktarı.
- Ne zaman kullanılır? Bir işlemin tam olarak kaç kez tekrarlanacağını bildiğinizde veya bir diziyi belirli bir indeksten başlatmak istediğinizde.
JavaScript:
// i 0'dan başlar, 5'ten küçük olduğu sürece devam eder, her adımda 1 artar.
for (let i = 0; i < 5; i++) {
console.log("Döngü sayısı: " + i);
}2. while Döngüsü
Sadece bir koşula bağlıdır. Koşul doğru (true) olduğu sürece döngü dönmeye devam eder.
- Dikkat: Eğer koşulu içeride değiştirmeyi unutursanız, "sonsuz döngüye" girersiniz ve tarayıcı kilitlenebilir!
JavaScript:
let sayac = 0;
while (sayac < 3) {
console.log("Sayaç şu an: " + sayac);
sayac++; // Koşulu değiştiren kritik satır
}3. Modern Yöntem: forEach()
Diziler (Arrays) ile çalışırken en çok tercih edilen yöntemdir. Bir fonksiyon gibi davranır ve dizinin her bir elemanı için otomatik olarak çalışır. i++ veya array.length gibi detaylarla uğraşmanıza gerek kalmaz.
- Avantajı: Okunması çok kolaydır ve hata yapma ihtimalini (indeks hataları gibi) azaltır.
JavaScript:
const diller = ["JavaScript", "Python", "PHP", "C#"];
diller.forEach((dil, indeks) => {
console.log(${indeks + 1}. dil: ${dil});
});4. for...of ve for...in
Modern JavaScript ile gelen bu iki yapı, nesneler ve diziler üzerinde dolaşmayı çok pratik hale getirir.
[]for...of: Bir dizinin değerleri üzerinde dolaşır.
[]for...in: Bir nesnenin (object) özellikleri (key) üzerinde dolaşır.
JavaScript:
// for...of örneği (Diziler için ideal)
const arabalar = ["BMW", "Tesla", "Audi"];
for (const araba of arabalar) {
console.log(araba);
}
// for...in örneği (Nesneler için ideal)
const ayarlar = { tema: "dark", dil: "tr", ses: 80 };
for (const anahtar in ayarlar) {
console.log(${anahtar}: ${ayarlar[anahtar]});
}Hangisini Seçmeliyim?
| Döngü Tipi | En İyi Kullanım Senaryosu |
|---|---|
| for | Karmaşık matematiksel döngüler veya belirli bir aralıkta işlem yapmak. |
| while | İşlemin kaç kez döneceği belli değilse, sadece bir durum gerçekleşene kadar bekliyorsak. |
| forEach | Bir dizi elemanının tamamını ekrana yazdırmak veya basit bir işlemden geçirmek. |
| for...of | Dizi elemanlarını sade bir şekilde dönmek (break/continue kullanmak gerekiyorsa forEach yerine tercih edilir). |
Sonuç
Döngüler, kodunuzu manuel tekrarlardan kurtarır. Başlangıçta klasik for döngüsünü anlamak mantığı kavramak için önemlidir; ancak profesyonel hayatta forEach ve map gibi fonksiyonel metotları kullanmak sizi bir adım öne çıkaracaktır.