的JavaScript簡化環路

Question

我爲環以下，想詢問是否有一種方法來簡化它：

//data contains an array 
var i = 0; 
if(data.length >= 1) { 
    i = 1; 
} 
for (i; i <= data.length; i++) { 
    $('#img-thumb-id' + i).attr('src', data[i-1]); 
} 

Answer 1

if(typeof data!=="undefined" && data && data.length>0) { 
    for (var i=0; i < data.length; i++) { 
     $('#img-thumb-id' + (i+1)).attr('src', data[i]); 
    } 
} 

Answer 2

我看到的jQuery用在這裏，所以你可以使用$.each

$.each(data, function(i, item){ 

    var iteration = +i+1; 
    $('#img-thumb-id' + iteration).attr('src', item); 

}); 

，如果你想使用香草的JavaScript（jQuery的沒有在所有）

for (var i; i < data.length; i++) { 
    var iteration = +i+1; 
    document.getElementById('img-thumb-id'+iteration).src = data[i]; 
} 

或者你可以使用：

for (var i in data) { 
    document.getElementById('img-thumb-id'+(+i+1)).src = data[i]; 
} 

Answer 3

Use simple foreach loop in JavaScript

//for eg. data array may be 
var data = [1,2,3,4]; 
data.forEach(function(item, index){ 
$('#img-thumb-id' + (index+1)).attr('src', item); 
}); 

Answer 4

循環是好的，但我不明白爲什麼你不只是做：

if(data !== null){ 
    for (var i = 0; i < data.length; i++) { 
       $('#img-thumb-id' + (i + 1)).attr('src', data[i]); 
      } 
} 

你不需要在你的問題中做第一塊代碼。對於閱讀代碼的人來說，如果你只是從0開始並繼續到object.length，那麼對標準的for循環來說更加清楚。

Answer 5

你也可以試試這個：

data.forEach(function(item, index){ 
    $('#img-thumb-id' + (index+1)).attr('src', item); 
});