for of deyimi tekrar eden (iterable) nesneler üzerinde hareket ederek nesnenin değerini okumak için kullanılan özel bir javascript deyimidir. Iterable nesneler (Array, Map, Set, String, TypedArray ve nesne içindeki yield ile oluşturulan değişkenker vb.) üzerinde okumak yapmak için kullanılır. For of ES6 ile javascript içine dahil olmuş bir deyimdir. For in deyiminden farklı olarak koleysiyonlar üzerinde sadece okuma yapmaktadır. C tabalı programlama dillerindeki foreach kavramı ile benzerlik göstermektedir. Yazıyı fazla uzatmadan örneklere geçelim.
Örnek: Dizi üzerinde okuma
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<script> var sehirler=["İstanbul","Ankara","Adana","Antalya","Edirne","Tekirdağ"]; for(var nesne of sehirler) { console.log(nesne); } /* Çıktı İstanbul Ankara Adana Antalya Edirne Tekirdağ */ </script> |
Örnek: String üzerinde okuma
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<script> var degisken="Merhaba"; for(var harf of degisken) { console.log(harf); } /* Çıktı M e r h a b a */ </script> |
Örnek: Map nesnesi ile kullanım örneği
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<script> var sehirler=new Map([[34,"İstanbul"],[06,"İstanbul"],[22,"Edirne"]]); for(var [plaka,sehir] of sehirler) { console.log(plaka+"="+sehir); } /* Çıktı 34=İstanbul 6=İstanbul 10 22=Edirne */ </script> |
Örnek Generatör foksiyon ile kullanım örneği
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<script> function* nesne(){ let ad="Ali"; let soyad="Al"; yield sira1="İstanbul" yield sira2="Ankara"; yield sira3="İzmir"; } for(var sehir of nesne()) { console.log(sehir); } /* Çıktı İstanbul Ankara İzmir */ </script> |
Örnek: arguments nesnesi ile kullanım
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<script> function ornek() { for (let arg of arguments) { console.log(arg); } }; ornek(1,3); ornek(2,4,5); /* Çıktı 1 3 2 4 5 */ </script> |
[…] JavaScript Dersleri 10: For…of Deyimi […]