js 读取json

// 示例代码：使用 JavaScript 读取 JSON 数据

// 假设我们有一个 JSON 字符串
const jsonString = '{"name": "Alice", "age": 25, "city": "Beijing"}';

// 使用 JSON.parse() 方法将 JSON 字符串解析为 JavaScript 对象
try {
    const jsonObject = JSON.parse(jsonString);

    // 现在 jsonObject 是一个普通的 JavaScript 对象，可以像访问普通对象一样访问它的属性
    console.log(jsonObject.name);  // 输出: Alice
    console.log(jsonObject.age);   // 输出: 25
    console.log(jsonObject.city);  // 输出: Beijing
} catch (error) {
    console.error("JSON 解析失败:", error);
}

// 如果你需要从外部文件或 API 获取 JSON 数据，可以使用 fetch API
fetch('https://api.example.com/data')
    .then(response => response.json())  // 将响应转换为 JSON 格式
    .then(data => {
        console.log(data);  // 输出从 API 获取的 JSON 数据
    })
    .catch(error => {
        console.error("获取数据失败:", error);
    });

解释说明：

1. JSON 字符串：jsonString 是一个包含 JSON 数据的字符串。
2. JSON 解析：使用 JSON.parse() 方法将 JSON 字符串转换为 JavaScript 对象。如果解析过程中出现错误（例如 JSON 格式不正确），会抛出异常，因此我们使用 try...catch 来捕获并处理这些错误。
3. 访问对象属性：解析后的 jsonObject 是一个普通的 JavaScript 对象，可以直接通过点符号访问其属性。
4. 从外部获取 JSON 数据：使用 fetch API 可以从外部 URL 获取 JSON 数据，并通过 .json() 方法将其解析为 JavaScript 对象。