JavaScript for ... in loop (Örneklerle)

Bu eğiticide, örnekler yardımıyla JavaScript için… in döngüsü hakkında bilgi edineceksiniz.

Önceki eğitimlerde şunları ele aldık:

  • JavaScript while and do… while döngüsü
  • Döngü için JavaScript

Başka tür döngüler de vardır. for… inJavaScript döngü bir nesnenin tüm mülk anahtarlarını üzerinde yineleme sağlar.

JavaScript için… in döngüsü

for… inDöngünün sözdizimi şöyledir:

 for (key in object) ( // body of for… in )

Döngünün her yinelemesinde, anahtar değişkene bir anahtar atanır. Döngü, tüm nesne özellikleri için devam eder.

Not : Anahtarları aldıktan sonra değerini kolayca bulabilirsiniz.

Örnek 1: Bir Nesnede Yineleme

 const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )

Çıktı

 isim => Monica sınıfı => 7 yaş => 12

Yukarıdaki programda, for… indöngü studentnesne üzerinde yineleme yapmak ve tüm özelliklerini yazdırmak için kullanılır .

  • Nesne anahtarı, değişken anahtara atanır.
  • student(key) anahtarın değerine erişmek için kullanılır.

Örnek 2: Özelliklerin Değerlerini Güncelleme

 const salaries= ( Jack : 24000, Paul : 34000, Monica : 55000 ) // using for… in for ( let i in salaries) ( // add a currency symbol let salary = "$" + salaries(i); // display the values console.log(`$(i) : $(salary)`); )

Çıktı

 Jack: 24.000 $, Paul: 34.000 $, Monica: 55.000 $

Yukarıdaki örnekte, for… indöngü, salariesnesnenin özelliklerini yinelemek için kullanılır . Ardından, dize $nesnenin her bir değerine eklenir.

for… in with Strings

for… inDize değerlerini yinelemek için döngüyü de kullanabilirsiniz . Örneğin,

 const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )

Çıktı

 kodu

for… in with Arrays

for… inDizilerle de kullanabilirsiniz . Örneğin,

 // define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )

Çıktı

 merhaba 1 JavaScript

Sonraki derslerde diziler hakkında daha fazla bilgi edineceksiniz.

Not : for… inDizin sırasının önemli olduğu bir dizi üzerinde yineleme yapmak için kullanmamalısınız .

Bir dizi üzerinde yineleme yapmanın en iyi yollarından biri for… ofdöngü kullanmaktır .

for… ofDöngü hakkında daha fazla bilgi edinmek için JavaScript for… of loop'u ziyaret edin.

Ilginç makaleler...