如何使用Javascript循环获取和显示JSON文件中的特定索引

{
  "fruits": [
    { "name": "Apple", "color": "Red" },
    { "name": "Banana", "color": "Yellow" },
    { "name": "Grape", "color": "Purple" }
  ]
}

// 假设你已经通过某种方式获取了JSON数据并将其存储在变量jsonData中
const jsonData = {
  "fruits": [
    { "name": "Apple", "color": "Red" },
    { "name": "Banana", "color": "Yellow" },
    { "name": "Grape", "color": "Purple" }
  ]
};

// 获取特定索引的水果
const index = 1;
const fruit = jsonData.fruits[index];

// 显示水果信息
console.log(`Name: ${fruit.name}, Color: ${fruit.color}`);

fetch('data.json')
  .then(response => response.json())
  .then(jsonData => {
    const index = 1;
    const fruit = jsonData.fruits[index];
    console.log(`Name: ${fruit.name}, Color: ${fruit.color}`);
  })
  .catch(error => console.error('Error:', error));