JavaScript JSON。より効率的な方法

Question

このコードを入力するより効率的な方法があるかどうかを知りたいと思います。 .forEachメソッド呼び出しが想定する

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

注：属性でjqueryのを使用して

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]); 
 
});

ここ

Answer 2

がわずかに少ない繰り返しでバージョンだセレクタで始まりますES5以上; ES3をターゲットにしている場合は、Underscoreの_.eachなどのライブラリや、現在のライブラリが提供するものを使用することができます。あなたのデータを想定し

Answer 3

が

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

のようなものです私はあなたがこのコードが遅いと思わせる何か

data.items.map(function(el, i){ 
    var idx = 'views' + (i > 0 ? i+1 : ''); 
    document.getElementById(idx).innerHTML = el.statistics.viewcount; 
}); 

JSBin here