JSON.parse() 详解：深入剖析 JSON 数据解析用法

JSON（JavaScript Object Notation）是一种流行的数据格式，广泛用于数据传输和存储。JSON.parse() 方法是 JavaScript 内置函数，用于将 JSON 字符串解析为 JavaScript 对象。

要使用 JSON.parse() 方法，您需要将 JSON 字符串作为参数传递给该函数。该函数将解析字符串并返回一个对象。例如：

const jsonStr = '{"name": "John Doe", "age": 30}';
const obj = JSON.parse(jsonStr);

console.log(obj.name); // "John Doe"
console.log(obj.age); // 30

JSON.parse() 方法有很多用法，以下列举几个常见的场景：

1. 判断数组是否包含某对象，或者判断对象是否相等

const arr = [{"name": "John Doe", "age": 30}, {"name": "Jane Doe", "age": 25}];

const obj1 = {"name": "John Doe", "age": 30};
const obj2 = {"name": "Jane Doe", "age": 25};

console.log(arr.includes(obj1)); // true
console.log(arr.includes(obj2)); // false

console.log(JSON.stringify(obj1) === JSON.stringify(obj2)); // false

2. 让 localStorage/sessionStorage 可以存储对象

localStorage 和 sessionStorage 是浏览器提供的存储机制，默认只能存储字符串。但是，如果需要存储对象，可以使用 JSON.parse() 和 JSON.stringify() 方法来转换对象与字符串之间的数据。

localStorage.setItem('user', JSON.stringify(userObj));

const userObj = JSON.parse(localStorage.getItem('user'));

3. 从服务器获取 JSON 数据并解析

在使用 AJAX 或 fetch API 从服务器获取 JSON 数据时，需要使用 JSON.parse() 方法将 JSON 字符串解析为 JavaScript 对象。

fetch('https://example.com/api/users')
  .then(response => response.json())
  .then(data => {
    // data is a JavaScript object
  });

4. 将对象转换为 JSON 字符串

除了解析 JSON 字符串之外，JSON.parse() 方法还可以将 JavaScript 对象转换为 JSON 字符串。这对于在网络请求中发送数据、将数据存储在 localStorage/sessionStorage 中或与其他应用程序交换数据非常有用。

const obj = {"name": "John Doe", "age": 30};

const jsonStr = JSON.stringify(obj);

console.log(jsonStr); // '{"name": "John Doe", "age": 30}'