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
}

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>

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>

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>

var yazi = "merhaba";

for (var index in yazi) {

alert( index + " = " + yazi[index]);

}

ÇIKTI

</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>

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>

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>

for (ozellik in window.navigator) {

document.write(ozellik);

document.write("<br />");

}

</script>

İlgili

Yorum

Evren dedi ki:

Ağustos 5, 2019, 4:03 pm

terimleri türkçeleştirmeyin lütfen. Aklım karısıyor dizi dediğiniz array mi şimdi?

Cevapla
- meryem dedi ki:
  
  Ağustos 19, 2019, 11:33 pm
  
  evet
  
  Cevapla
JavaScript Dersleri – Yazılım Bilişim Programlama dedi ki:

Aralık 28, 2016, 10:59 pm

[…] JavaScript Dersleri 9: For…in Deyimi […]

Cevapla
JavaScript ile forEach Kullanımı | Yazılım Bilişim Programlama dedi ki:

Kasım 24, 2016, 8:44 pm

[…] Diğer C tabanlı dillerdeki gibi forEach kullanımını öğrenmek istiyorsanız. Sitede bulunan for-in kullanımını inceleyebilirsiniz. JavaScript ile forEach nasıl kullanılır sorusunun cevabı için yazıyı […]

Cevapla
JavaScript ile forEach | Yazılım Bilişim Programlama dedi ki:

Kasım 24, 2016, 8:43 pm

[…] Diğer C tabanlı dillerdeki gibi forEach kullanımını öğrenmek istiyorsanız. Sitede bulunan for-in kullanımını inceleyebilirsiniz. JavaScript ile forEach nasıl kullanılır sorusunun cevabı için yazıyı […]

Cevapla

for-of deyimi örneği:

Bunu paylaş:

İlgili

İlginizi Çekebilir

Yorum

Yorum Yap X