js for Döngüleri
JavaScript’te for döngüleri, bir işlemi belirli sayıda veya belirli bir koşula kadar tekrar etmek için kullanılır.
for Döngüsü
En sık kullanılan türüdür.
for (let i = 0; i < 5; i++) {
console.log("Sayı:", i);
}
console.log("Sayı:", i);
}
for...of Döngüsü
Diziler (array) veya string üzerinde gezinmek için kullanılır.
let meyveler = ["Elma", "Armut", "Muz"];
for (let meyve of meyveler) {
console.log(meyve);
}
for (let meyve of meyveler) {
console.log(meyve);
}
Örnek
const Kisiler1 = ["Enes", "Mecit", "Emirhan", "Tarık"];
for (Kisi of Kisiler) {
const Kart = `<div class="Kart"><h2>${Kisi}<h2></div>`
document.write(Kart);
}
for (Kisi of Kisiler) {
const Kart = `<div class="Kart"><h2>${Kisi}<h2></div>`
document.write(Kart);
}
for...in Döngüsü
Objeler (nesneler) üzerinde gezinmek için kullanılır. for...in nesnelerde anahtar isimlerini (key) döndürür.
let kisi = { ad: "Aykut", yas: 30, sehir: "İzmir" };
for (let ozellik in kisi) {
console.log(ozellik, "=", kisi[ozellik]);
}
for (let ozellik in kisi) {
console.log(ozellik, "=", kisi[ozellik]);
}
Örnek
const Kisiler2 = {
0:{adi:"Faruk", soyadi:"Demir", cinsiyet:"Erkek", yasi:25, isi: 'muhendis', adresi:'büyükçekmece'},
1:{adi:"Tarık", soyadi:"Yıldız", cinsiyet:"Erkek", yasi:15, isi: 'ogretmen', adresi:'avcılar'},
2:{adi:"Merve", soyadi:"Kalın", cinsiyet:"Kadın", yasi:35, isi: 'doktor', adresi:'küçükçekmece'},
3:{adi:"Faruk", soyadi:"Demir", cinsiyet:"Erkek", yasi:25, isi: 'muhendis', adresi:'büyükçekmece'},
4:{adi:"Tarık", soyadi:"Yıldız", cinsiyet:"Erkek", yasi:15, isi: 'ogretmen', adresi:'avcılar'},
5:{adi:"Merve", soyadi:"Kalın", cinsiyet:"Kadın", yasi:35, isi: 'doktor', adresi:'küçükçekmece'}
};
for(Kisi in Kisiler2) {
const Kart = `
<div class="Kart">
<h2>${Kisiler[Kisi].adi} ${Kisiler2[Kisi].soyadi}<h2></div>
`;
document.write(Kart);
}
0:{adi:"Faruk", soyadi:"Demir", cinsiyet:"Erkek", yasi:25, isi: 'muhendis', adresi:'büyükçekmece'},
1:{adi:"Tarık", soyadi:"Yıldız", cinsiyet:"Erkek", yasi:15, isi: 'ogretmen', adresi:'avcılar'},
2:{adi:"Merve", soyadi:"Kalın", cinsiyet:"Kadın", yasi:35, isi: 'doktor', adresi:'küçükçekmece'},
3:{adi:"Faruk", soyadi:"Demir", cinsiyet:"Erkek", yasi:25, isi: 'muhendis', adresi:'büyükçekmece'},
4:{adi:"Tarık", soyadi:"Yıldız", cinsiyet:"Erkek", yasi:15, isi: 'ogretmen', adresi:'avcılar'},
5:{adi:"Merve", soyadi:"Kalın", cinsiyet:"Kadın", yasi:35, isi: 'doktor', adresi:'küçükçekmece'}
};
for(Kisi in Kisiler2) {
const Kart = `
<div class="Kart">
<h2>${Kisiler[Kisi].adi} ${Kisiler2[Kisi].soyadi}<h2></div>
`;
document.write(Kart);
}
Sonsuz döngü (dikkatli kullan)
for (;;) {
console.log("Bitmeyen döngü!");
break; // aksi halde sonsuza kadar döner
}
console.log("Bitmeyen döngü!");
break; // aksi halde sonsuza kadar döner
}
Foreach
const Kisiler1 = ["Enes", "Mecit", "Emirhan", "Tarık"];
Kisiler1.forEach(function(Eleman, Indeksi, ){
const Kart = `<div class="Kart"><h2>${Eleman}<h2></div>`
document.write(Kart);
});
Kisiler1.forEach(function(Eleman, Indeksi, ){
const Kart = `<div class="Kart"><h2>${Eleman}<h2></div>`
document.write(Kart);
});
Kaynak
