javascript - 如何显示在对象中声明为 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 ma 初学者..请帮助

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