js 读取本地json文件

// 读取本地 JSON 文件的示例代码

// 使用 Node.js 的 fs 模块来读取本地文件
const fs = require('fs');
const path = require('path');

// 定义 JSON 文件的路径
const jsonFilePath = path.join(__dirname, 'data.json');

// 异步读取文件
fs.readFile(jsonFilePath, 'utf8', (err, data) => {
  if (err) {
    console.error('读取文件时出错:', err);
    return;
  }

  try {
    // 将读取到的 JSON 字符串解析为 JavaScript 对象
    const jsonData = JSON.parse(data);
    console.log('JSON 数据:', jsonData);
  } catch (parseError) {
    console.error('解析 JSON 时出错:', parseError);
  }
});

// 如果你想使用同步方法，可以使用 fs.readFileSync
try {
  const data = fs.readFileSync(jsonFilePath, 'utf8');
  const jsonData = JSON.parse(data);
  console.log('JSON 数据:', jsonData);
} catch (err) {
  console.error('读取或解析文件时出错:', err);
}

解释说明：

1. 引入模块：我们首先引入了 fs 和 path 模块。fs 用于文件系统的操作，path 用于处理和转换文件路径。
2. 定义文件路径：使用 path.join 来构建 JSON 文件的路径，确保跨平台兼容性。
3. 异步读取文件：使用 fs.readFile 方法异步读取文件内容，并通过回调函数处理读取结果。如果读取成功，使用 JSON.parse 将字符串解析为 JavaScript 对象。
4. 同步读取文件：提供了使用 fs.readFileSync 的同步读取方式，适用于简单场景或调试目的。同样需要处理可能的错误。
5. 错误处理：在读取和解析过程中都加入了错误处理逻辑，确保程序在遇到问题时不会崩溃，并输出有用的错误信息。

如果你不使用 Node.js 环境（例如在浏览器中），直接读取本地文件是受限的，因为浏览器出于安全原因不允许直接访问本地文件系统。在这种情况下，你可以考虑将 JSON 文件作为资源加载或通过服务器端 API 获取数据。