在javascript中打印图像数组的问题

我正在使用一组图像制作一个简单的图库：

var gallery_pictures = [
    { name:'01.jpg', alt:'01'},
    { name:'02.jpg', alt:'01'},
    { name:'03.jpg', alt:'01'},
    { name:'04.jpg', alt:'01'},
    { name:'05.jpg', alt:'01'}
];

在这个容器内：

<div style="width:1000px; margin: 0 auto;" id="gallery">

</div>

我遇到的问题是，不知何故，每张照片之间都印着一个字母。这里的代码将生成chrome：

下面是它在屏幕上的外观：

---

您想要的是每个或一个正常的for循环

您已将数组打印为html。这就是它们看起来像数组元素的原因

map（）方法创建一个新数组，其结果是对调用数组中的每个元素调用提供的函数

---

您将返回一个包含元素的数组。这就是您看到逗号的原因。

您想要的是每个或一个正常的for循环

您已将数组打印为html。这就是它们看起来像数组元素的原因

map（）方法创建一个新数组，其结果是对调用数组中的每个元素调用提供的函数

---

您将返回一个包含元素的数组。这就是您看到逗号的原因。

您需要以一种没有逗号的方式连接数组

var gallery = "";
gallery_pictures.forEach(function(foto){
    var pictures = '<div style="width:190px;margin-right: 10px; float:left;"><img width="200" src="'+foto.name+'" alt="'+foto.alt+'" "></div>';
    gallery += pictures;
});
imageGallery.innerHTML = gallery;

var gallery=”“；
画廊图片。forEach（功能（foto）{
var图片=“”；
画廊+=图片；
});
imageGallery.innerHTML=画廊；

您需要在数组中添加逗号

var gallery = "";
gallery_pictures.forEach(function(foto){
    var pictures = '<div style="width:190px;margin-right: 10px; float:left;"><img width="200" src="'+foto.name+'" alt="'+foto.alt+'" "></div>';
    gallery += pictures;
});
imageGallery.innerHTML = gallery;

var gallery=”“；
画廊图片。forEach（功能（foto）{
var图片=“”；
画廊+=图片；
});
imageGallery.innerHTML=画廊；

你能提供一个工作示例吗？你能提供一个工作示例吗？

var gallery = "";
gallery_pictures.forEach(function(foto){
    var pictures = '<div style="width:190px;margin-right: 10px; float:left;"><img width="200" src="'+foto.name+'" alt="'+foto.alt+'" "></div>';
    gallery += pictures;
});
imageGallery.innerHTML = gallery;