JavaScript: for-in Kullanımı

Dögnü içinde nesne nesne özelliklerine ulaşmak için kullanılır.  Eğer JavaScript nesne oluşturma hakkında fazla bir fikriniz yoksa bu yazıyı anlamakta zorluk çekebilirsiniz. JavaScriptte nesneleri kavradığınızda bu deyimi kullanamak çok faydalı olacaktır.

Kural:

for (degiskenadi in nesne){
 //çalıştırılacak blok
}

Örnek:

<script>

var nesne = {ad:"Hayri", soyad:"KOÇ", yas:33};
 
for (var anahtar in nesne) {
 alert("Özellik: " + anahtar + " = " + nesne[anahtar]);
}

/*
ÇIKTI
Özellik: ad = Hayri
Özellik: soyad = KOÇ
Özellik: yas = 33

*/

</script>

Örnek:

<script>

var nesne = ["İSTANBUL","ANKARA","İZMİR","EDİRNE"];

for (var index in nesne) {
alert("index : " + index + " = " + nesne[index]);
}

/*
ÇIKTI
index: 0 = İSTANBUL 
index:  1 = ANKARA
index:  2= İZMİR
index:  3= EDİRNE

*/

</script>

Yukarıdaki örnekte nesne yerine bir dizi olduğu dikkatinizi çekmiştir. JavaScriptte bütün diziler birer nesnedir.  Bu yüzden dizi elemanı üzerinde okuma yaparken 0. özellik 1.özellik şeklinde son özelliğe(index) kadar devam etmektedir.

Örnek:

<script>

var yazi = "merhaba";

for (var index in yazi) {
alert( index + " = " + yazi[index]);
}
/*
ÇIKTI
m
e
r
h
a
b
a
*/
</script>

String katarları da birer karakter dizisidir.  

Eğer nesneleri doğrudan okumak istiyorsanız. for…of deyimini kullanmanız gerekmektedir.

for-of deyimi örneği:

<script>

var dizi = [10, 20, 30];

for (var nesne of dizi) {
alert(nesne);
}
// 10
// 20
// 30

</script>

Örnek: pencere (window) özelliklerini öğrenmek için

<script>

for (ozellik in window) {
document.write(ozellik);
document.write("<br />");
}

</script>

Örnek: tarayıcı (navigator) özelliklerini öğrenmek için

<script>

for (ozellik in window.navigator) {
document.write(ozellik);
document.write("<br />");
}

</script>