Javascript遍历JSON文件级别以填充下拉列表

// 获取JSON数据
fetch('data.json')
  .then(response => response.json())
  .then(data => {
    // 解析JSON数据
    const jsonData = JSON.parse(data);

    // 遍历JSON对象
    traverseJSON(jsonData, document.getElementById('dropdown'));

    // 遍历JSON数组
    jsonData.forEach(item => {
      // 提取属性值并添加到下拉列表
      const option = document.createElement('option');
      option.value = item.value;
      option.textContent = item.label;
      document.getElementById('dropdown').appendChild(option);
    });
  })
  .catch(error => console.error(error));

// 递归遍历JSON对象
function traverseJSON(obj, dropdown) {
  for (let key in obj) {
    if (typeof obj[key] === 'object') {
      traverseJSON(obj[key], dropdown);
    } else {
      // 提取属性值并添加到下拉列表
      const option = document.createElement('option');
      option.value = obj[key];
      option.textContent = key;
      dropdown.appendChild(option);
    }
  }
}