JavaScript Döngüleri
Döngüler, programlamada belirli bir kod bloğunun, yani işlemin, tekrar tekrar çalışmasını sağlayan yapılardır. Kimi zaman bir işlemi belirli sayıda çalıştırmak için, kimi zaman iterasyon yapılabilir bir nesnenin elemanlarını dönmek için kullanırız.'for' Döngüsü
'For' döngüsü, kod bloğunu belirli bir sayıda çalıştırmak için kullanılır.Yapısı:
JavaScript:
for(baslangic; kosul; tekrar) {
// kod blogu
}baslangic: Döngü ilk başladığında çalışacak kod parçası.
kosul: Döngü her çalıştığında tekrar edecek kod parçası.
tekrar: Döngü koşul true olduğunda çalışacak kod parçası.
Örnek:
JavaScript:
for(let i = 0; i < 4; i++) {
console.log(i)
}Bu kod 4 kez çalışır ve console'a 0, 1, 2, 3 sayılarını basar.
- let i = 0 : Bir i degiskeni tanimlar ve ona 0 degerini atar.
- i < 4 : i sayisinin 4 den kucuk olma kosuludur. Dongu her calistiginda bu kosulu kontrol eder.
- i++ : Her dongunun sonunda calisacak kod parcasidir. i degiskenini 1 arttirir.
Başka bir örnek:
JavaScript:
const fruitList = ["apple", "banana", "orange"];
for(let i = 0; i < fruitList.length; ++i) {
console.log(fruitList[i])
}Bu kod parçası ile bir diziyi iterate eder, yani dizinin elemanlarını tek tek console'a yazdırır.
'while' Döngüsü
'While' döngüsü, bir koşul sağlandığı sürece belirli bir kod bloğunu çalıştıran bir yapıdır.Yapısı:
JavaScript:
while(sart){
// kod parçası
}Şart sağlandığı sürece kod parçası çalışacaktır. Burada önce şart kontrol edilir, şart sağlanıyorsa kod parçası çalıştırılır.
Örnek:
JavaScript:
let i = 5;
while(i > 0){
console.log(i);
i--;
}Burada bir i değişkeni oluşturduk ve 5 değerini atadık. Döngü i 0'dan büyük olduğu sürece çalışacaktır. Döngü her çalıştığında console'a i değeri yazılacak ve i değişkeni 1 azalacaktır, ta ki i 0'a eşit olana kadar.
do while' Döngüsü
'Do while' döngüsü, önce kod bloğunu bir kez çalıştırır sonra şartı kontrol eder. Yani 'do while' döngüsünde kod bloğu kesinlikle bir kez çalışır.Yapısı:
JavaScript:
do {
// calisacak kod
} while (kosul);Örnek:
JavaScript:
let i = 0;
do {
console.log(i)
i++;
} while (i < 3);'for ... in' Döngüsü
'For ... in' döngüsü, bir objenin key'lerini döndürerek iterasyon yapmamızı sağlar.Yapısı:
JavaScript:
for(let key in obje) {
// kod blogu
}Örnek:
JavaScript:
let users = {name: "Osman", age: 33, city: "Ankara"};
for(let key in users) {
console.log(`${key}: ${users[key]}`)
}Yukarıda key değişkeni sırasıyla name, age ve city değerlerini alır. Bu sayede objenin öğelerine erişim sağlayabiliriz.
Çıktı:
Kod:
name: Osman
age: 33
city: Ankara'for ... of' Döngüsü
Itere edilebilir objeler üzerinde döngü yapmamıza olanak sağlar. Yani dizi, string, map, set ve itere edilebilir nesneler üzerinde kullanabiliriz.Yapısı:
JavaScript:
for(let deger of obje) {
// kod blogu
}Örnek:
JavaScript:
const cities = ["Ankara", "Adana", "Mersin"];
for(let city of cities) {
console.log(city)
}
