script怎么读取json

Hey小伙伴们，今天来聊聊一个超级实用的话题：如何在JavaScript中读取JSON数据，是不是听起来就有点小激动呢？毕竟，JSON在我们日常开发中可是无处不在的，无论是从服务器获取数据，还是处理配置文件，都离不开它，就让我们一起来看看如何轻松上手吧！

我们要明白JSON是什么，JSON，全称JavaScript Object Notation，是一种轻量级的数据交换格式，它易于人阅读和编写，同时也易于机器解析和生成，在JavaScript中，JSON对象和普通的对象字面量看起来非常相似，但实际上，JSON是一种字符串格式，需要被解析成JavaScript对象才能使用。

解析JSON字符串

在JavaScript中，我们可以使用JSON.parse()方法来解析JSON字符串，这个方法接受一个JSON字符串作为参数，并返回一个JavaScript对象，如果解析失败，比如因为字符串格式不正确，它会抛出一个SyntaxError异常。

举个例子，假设我们有一个JSON字符串：

let jsonString = '{"name": "Alice", "age": 25}';

我们可以用JSON.parse()来解析它：

let obj = JSON.parse(jsonString);
console.log(obj.name); // 输出: Alice

2. 将JavaScript对象转换为JSON字符串

与解析JSON字符串相反，我们经常需要将JavaScript对象转换成JSON字符串，以便于存储或传输，这可以通过JSON.stringify()方法实现，这个方法接受一个JavaScript值，并返回一个JSON字符串。

看个例子：

let obj = {name: "Alice", age: 25};
let jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出: {"name":"Alice","age":25}

处理JSON数据

当我们从服务器获取JSON数据时，通常会使用fetch或XMLHttpRequest等API来发送请求，这些请求返回的是一个Response对象，我们需要从这个对象中提取JSON数据。

使用fetch获取JSON数据的示例：

fetch('https://api.example.com/data')
  .then(response => response.json()) // 直接将Response对象转换为JSON
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

这里，response.json()方法是一个非常方便的快捷方式，它会自动调用JSON.parse()并将结果返回。

错误处理

在处理JSON数据时，错误处理是非常重要的，无论是解析错误还是网络请求失败，我们都应该妥善处理这些情况。

fetch('https://api.example.com/data')
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json();
  })
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

在这个例子中，我们首先检查response.ok属性，如果响应状态码不是2xx，则抛出错误。