JavaScript JSON. Daha verimli bir yöntem

Question

Bu kodu yazmanın daha etkili bir yolu olup olmadığını bilmek istiyorum. .forEach yöntem çağrısı varsayar

["views","views2","views3"].forEach(function(id, index){ 
    document.getElementById(id).innerHTML = data.items[index].statistics.viewCount; 
}); 

Not: Bir özelliğin ile jquery kullanarak

view = + data.items[ 0 ].statistics.viewCount 
view1 = + data.items[ 1 ].statistics.viewCount 
view2 = + data.items[ 2 ].statistics.viewCount 
document.getElementById("views").innerHTML = view; 
document.getElementById("views2").innerHTML = view1; 
document.getElementById("views3").innerHTML = view2; 

Answer 1

var viewCountArr = data.items.map(function(item) { 
 
    return item.statistics.viewCount; 
 
}); 
 

 
var elements = $('[id^="views"]'); 
 

 
$.each(elements, function(index, value) { 
 
    $(this).html(viewCountArr[index]); 
 
});

İşte

Answer 2

biraz daha az tekrarlama ile bir versiyonu seçici ile başlar ES5 veya üstü; ES3'ü hedefliyorsanız, Underscore'un _.each ya da mevcut kitaplıklarınız ne sağlarsa onu kullanmak isteyebilirsiniz. Verilerinizi varsayarak

Answer 3

var data = { 
    items: [ 
    {statistics: {viewcount: 5}}, 
    {statistics: {viewcount: 346}}, 
    {statistics: {viewcount: 123}} 
    ] 
}; 

gibi bir şey i