如何顯示在對象中聲明爲url的圖像，並將這些對象存儲在數組中？

Question

var employees =[{ 
        name:"jacob", 
        age :23, 
        city:"virginia", 
        yoe :12, 
        image :'a.jpg' 
       }, 
       { 
        name:"aaron", 
        age :21, 
        city:"virginia", 
        yoe :12, 
        image :'b.jpg' 
       }, 
       { 
        name:"johnny", 
        age :50, 
        city:"texas", 
        yoe :12, 
        image :'c.jpg' 
       }, 
       { 
        name:"jacob", 
        age :12, 
        city:"virginia", 
        yoe :12, 
        image :'a.jpg' 
       }]; 

我要訪問的圖像和瀏覽器中顯示它和我一直保持着文件夾中這些圖像....什麼說法是需要顯示的圖像，但只有在JavaScript馬初學者..請幫助

Answer 1

首先employees變量應該是一個具有名爲images的屬性的對象;否則圖像對象應該沒有鍵存儲，數組沒有鍵;

這是你如何創建圖像元素：

var image = document.createElement('img'); 
image.src = employees['images']['employee1']['url']; 
yourElement.appendChild(image); 

Answer 2

有了這個新的結構，你可以通過員工環路和獲得圖像的URL。
一種可能的解決方案可以是：

for (var i = 0, length = employees.length; i < length i++) { 
    var img = document.createElement("img"); 
    img.src = employee[i].image; 
    document.body.appendChild(img); 
}