如何在javascript数组中显示图像

我试图在页面上以数组形式显示图像，但遇到了困难

这是js

     var movieArray = [
      { title: "The Artist", picture: "http://cmclove.org/img/sw_off_off.png" },
      { title: "A Better Life", picture: "http://cmclove.org/img/sw_off_off.png" },
      { title: "Abduction", picture: "http://cmclove.org/img/sw_off_off.png" },
      { title: "African Cats", picture: "http://cmclove.org/img/sw_off_off.png" },
      { title: "Angel Crest", picture: "http://cmclove.org/img/sw_off_off.png" },
      { title: "Arthur", picture: "http://cmclove.org/img/sw_off_off.png" },
      { title: "Anonymous", picture: "http://cmclove.org/img/sw_off_off.png" },
      { title: "A Dangerous Method", picture: "http://cmclove.org/img/sw_off_off.png" },
      ];

      for (var p in movieArray) {
      console.log(p+ ':' +movieArray[p].title+ '|' +movieArray[p].picture);
      } 

这是小提琴的链接

---

您没有在页面中插入任何内容

解决办法是：

for (var p = 0; p < movieArray.length; p++) {
    $('body').append('<img src="'+movieArray[p].picture+'" title="'+movieArray[p].title+'">');
}

for（var p=0；p

---

演示：

您没有在页面中插入任何内容

解决办法是：

for (var p = 0; p < movieArray.length; p++) {
    $('body').append('<img src="'+movieArray[p].picture+'" title="'+movieArray[p].title+'">');
}

for（var p=0；p

---

演示：

你的问题和你的提琴没有任何逻辑来实际尝试用HTML显示图像，因此我不确定你在问什么。你的问题和提琴没有任何逻辑来实际尝试用HTML显示图像，因此我不确定你在问什么。这是有效的！但是，是否可以通过添加各自的类、样式和内容来控制每个图像？是的，您可以将类、样式等添加到初始数组中，并将上面循环中的类和样式作为类和样式属性使用。@user1502223当然可以。这取决于你想要什么。我需要每个图像的类名是不同的…所以第一个图像将有class=“1”第二个图像将有class='2'等等…我该怎么做呢？那将是

$（'body'）。追加（“”）这就行了！但是，是否可以通过添加各自的类、样式和内容来控制每个图像？是的，您可以将类、样式等添加到初始数组中，并将上面循环中的类和样式作为类和样式属性使用。@user1502223当然可以。这取决于你想要什么。我需要每个图像的类名是不同的…所以第一个图像将有class=“1”第二个图像将有class='2'等等…我该怎么做呢？那将是
$（'body'）。追加（“”）