如何在JavaScript中遍历本地JSON文件获取API地址

没问题，我来帮你梳理下怎么实现这个需求——遍历本地JSON里的每个API地址，再调用你的getNetworkData函数获取整数存入数据库。分两种常见场景给你示例：

场景1：Node.js环境（后端/本地脚本） #

如果是在Node.js里处理本地JSON文件，我们可以用内置的fs模块读取文件，然后解析遍历：

const fs = require('fs');

// 读取本地JSON文件
fs.readFile('./your-sites.json', 'utf8', (err, rawData) => {
  if (err) {
    console.error('读取JSON文件失败:', err);
    return;
  }

  try {
    // 把JSON字符串解析成JavaScript对象
    const siteData = JSON.parse(rawData);

    // 遍历sites数组，逐个处理API地址
    siteData.sites.forEach(async (site) => {
      const apiUrl = site.api;
      try {
        // 调用你的getNetworkData函数获取整数
        const targetInteger = await getNetworkData(apiUrl);
        // 这里写存入数据库的逻辑，比如调用数据库插入方法
        console.log(`已获取${site.name}的整数数据: ${targetInteger}`);
      } catch (apiErr) {
        console.error(`处理${site.name}的API地址失败:`, apiErr);
      }
    });
  } catch (parseErr) {
    console.error('解析JSON格式出错:', parseErr);
  }
});

// 假设你的getNetworkData是异步函数（示例用fetch，也可以用axios等）
async function getNetworkData(apiUrl) {
  const response = await fetch(apiUrl);
  if (!response.ok) {
    throw new Error(`API请求失败: ${response.status}`);
  }
  const apiResponse = await response.json();
  // 替换成你实际需要提取的整数字段名
  return apiResponse.yourIntegerField;
}

场景2：浏览器环境（前端页面） #

如果是在浏览器里让用户上传本地JSON文件，需要用FileReader来读取文件内容：

<!-- 让用户选择本地JSON文件的输入框 -->
<input type="file" id="jsonUpload" accept=".json">

<script>
document.getElementById('jsonUpload').addEventListener('change', handleJsonUpload);

function handleJsonUpload(event) {
  const selectedFile = event.target.files[0];
  if (!selectedFile) return;

  const reader = new FileReader();
  reader.onload = async (e) => {
    try {
      const siteData = JSON.parse(e.target.result);

      // 遍历sites数组
      for (const site of siteData.sites) {
        try {
          const integerData = await getNetworkData(site.api);
          // 这里可以通过后端接口把数据存入数据库（前端一般不直接操作数据库）
          console.log(`${site.name}对应的整数: ${integerData}`);
        } catch (err) {
          console.error(`处理${site.url}的API失败:`, err);
        }
      }
    } catch (parseErr) {
      alert('上传的文件不是有效的JSON格式');
      console.error('JSON解析错误:', parseErr);
    }
  };
  reader.readAsText(selectedFile);
}

async function getNetworkData(apiUrl) {
  // 这里写你的API调用逻辑
  const res = await fetch(apiUrl);
  const data = await res.json();
  return data.targetInteger; // 替换成实际字段名
}
</script>

关键注意点 #

• 必须用JSON.parse()把读取到的JSON字符串转换成可操作的JavaScript对象
• 因为getNetworkData是异步操作，一定要用async/await或者.then()来处理返回结果，避免出现未获取到数据就执行后续逻辑的问题
• 如果需要按顺序处理每个API（比如避免并发请求过多），可以用for...of循环代替forEach，因为forEach不会等待异步操作完成

内容的提问来源于stack exchange，提问作者Maciaz