JavaScript/JQuery/JSON 在屬性上附加 for 循環的“i”

Question

我有 4 個圖片位置保存在一個名為 img0、img1、img2 和 img3 的 JSON 文件中。 我從每個 AJAX 調用的文件中獲取數據（getJSON，保存在 var receivedProduct 中），之后我只是將它們發送到我頁面上圖像的“src”部分。

如果我使用這個一切正常：

$("#img0").attr("src", receivedProduct.img0);
$("#img1").attr("src", receivedProduct.img1);
$("#img2").attr("src", receivedProduct.img2);
$("#img3").attr("src", receivedProduct.img3);

但是如果我想從中創建一個循環（因為重復的代碼看起來不太好），我會收到錯誤“未定義”或“未找到 404”。

這是我試過的：

for (var i=0; i<imgContainer.length; i++) { 

     $("#img" + [i]).attr("src", receivedProduct.img + [i]);
}

for (var i=0; i<imgContainer.length; i++) { 

     var newImg = "receivedProduct.img"+i; 
     $("#img" + [i]).attr("src", newImg);
}

Answer 1

在第一次嘗試中，將行更改為：

    $("#img" + i).attr("src", receivedProduct["img" + i]);
    //        ^^^                            ^^^^^^^^^^^

Answer 2

這是您的解決方案：

for (var i=0; i<imgContainer.length; i++) { 

     $("#img" + i).attr("src", receivedProduct[".img" + i]);
}