如何将图像文字添加到数组中并显示它们？

// 创建一个包含图像和文字的数组
var imagesAndTexts = [
  { image: 'image1.jpg', text: 'Image 1' },
  { image: 'image2.jpg', text: 'Image 2' },
  { image: 'image3.jpg', text: 'Image 3' }
];

// 遍历数组并创建HTML元素来显示图像和文字
imagesAndTexts.forEach(function(item) {
  var container = document.createElement('div');
  
  var image = document.createElement('img');
  image.src = item.image;
  container.appendChild(image);
  
  var text = document.createElement('p');
  text.textContent = item.text;
  container.appendChild(text);
  
  document.body.appendChild(container);
});