Bu kılavuz, JavaScript kullanarak bir JSON dizisinde bir döngünün nasıl yineleneceğini açıklayacaktır.
JavaScript Kullanarak Bir JSON Dizisi Üzerinden Bir Döngü Nasıl Yinelenir?
“ JSON dizisi ” değerlerine bir döngü aracılığıyla erişilebilir. JSON'u (JavaScript Object Notation) döngü içinde çalıştırmak, verileri bir dizi biçiminde taşımak için en iyi teknik olarak kabul edilir. Bunun nedeni, gerekli verileri depolamak ve bir yerden başka bir yere aktarmak için hafif bir format olmasıdır.
Bu bölümde yaygın olarak kullanılan “ için ” JavaScript kullanarak bir JSON dizisini yinelemek için döngü.
Sözdizimi (JSON Dizisi)
Sıralamak - isim = [ değer1 , değer2 , ..... değerN ]
Burada “değer1”, “değer2” ve “değerN” yinelenmesi gereken değerleri ifade eder.
JavaScript'te bir “JSON” dizisi üzerinden döngüyü pratik olarak gerçekleştirelim.
HTML Kodu
Aşağıdaki HTML koduna bir göz atalım:
< h2 > JSON Dizisi aracılığıyla döngü oluşturma < / h2 >< P > Bir JSON dizisinde virgülle ayrılmış sıfır, bir veya daha fazla sıralı öğe bulunur. < / P >
< P İD = 'örnek' >< / P >
Yukarıdaki kod satırlarında:
- “ etiketi bir alt başlığı tanımlar.
- “ ” etiketi bir paragraf cümlesi oluşturur.
- Son olarak, “
” etiketi, “ kimliğine sahip boş bir paragrafı tanımlar. örnek ” JSON dizi değerlerini görüntülemek için.
JavaScript Kodu
Ardından, aşağıda sağlanan koda geçin:
< senaryo >sabit JSONarray = '{'name':'Johnson', 'yaş':35, 'arabalar':['BMW', 'Honda', 'Corolla']}' ;
sabit nesne = JSON. ayrıştırmak ( JSONarray ) ;
metne izin ver = '' ;
için ( izin ver k = 0 ; k < İtiraz arabalar . uzunluk ; k ++ ) {
metin += İtiraz arabalar [ k ] + ', ' ;
}
belge. getElementById ( 'örnek' ) . içHTML = metin ;
senaryo >
Bu kod bloğunda:
- “adlı bir JSON dizisi tanımlayın. JSONarray ' Birlikte ' sabit ” sıralı bir değer listesine sahip anahtar kelime.
- “ nesne ” nesnesi “ kullanır ayrıştır () ” belirtilen JSON dizisi metnini JavaScript nesnesine dönüştüren yöntem.
- Bundan sonra “ metin ” değişkeni boş bir değer saklar.
- Ardından, bir “uygulayın için özellikleri üzerinde yineleme yapmak için ” döngü nesne ”, dahil edilen JSON dizisiyle “araba” anahtarına karşı birleştirildi.
- Ayrıca, “ uzunluk ” özelliğini kullanın ve yinelemeyi uygun şekilde gerçekleştirmek için döngüyü artırın.
- Son olarak, “ getElementById() “örnek” kimliğini kullanarak eklenen boş paragrafa erişmek için ” yöntemi. JSON dizi değerlerini 'aracılığıyla gösterecektir. içHTML ' mülk.
Çıktı
Çıktı, 'for' döngüsünü kullanarak eklenen JSON dizisinin tüm değerlerini gösterir.
Çözüm
“ JSON dizileri ” yardımıyla JavaScript kullanılarak kolayca yinelenebilir. için ' döngü. Bu yaygın bir işlemdir ve genellikle web geliştirmede JSON formatındaki verileri veritabanından veya API'den almak için kullanılır. Bu kılavuz, JavaScript kullanarak bir JSON dizisi aracılığıyla bir döngüyü yinelemek için kısa bir açıklamayı açıkladı.