如何才能只显示这个JSON数组中的第一个图像呢？

// 假设jsonArray是包含图像的JSON数组
var jsonArray = [
  { "url": "image1.jpg", "caption": "Image 1" },
  { "url": "image2.jpg", "caption": "Image 2" },
  { "url": "image3.jpg", "caption": "Image 3" }
];

// 检查JSON数组是否为空
if (jsonArray.length > 0) {
  // 获取第一个图像
  var firstImage = jsonArray[0];
  
  // 在控制台打印第一个图像的URL和标题
  console.log("URL: " + firstImage.url);
  console.log("Caption: " + firstImage.caption);
  
  // 在前端页面显示第一个图像
  // 可以使用HTML和CSS来创建一个图像元素，并将其添加到页面中
  // 例如，使用<img>元素来显示图像
  var imgElement = document.createElement("img");
  imgElement.src = firstImage.url;
  document.body.appendChild(imgElement);
} else {
  console.log("No images found.");
}