js json字符串转对象|极客笔记

js json字符串转对象

在 JavaScript 中，JSON（JavaScript Object Notation）是一种常用的数据格式，用于存储和交换数据。JSON字符串是由键值对组成的，可以表示复杂的数据结构。在实际开发中，我们常常需要将 JSON 字符串转换成 JavaScript 对象，以便对数据进行操作和处理。

本文将介绍如何将 JSON 字符串转换成 JavaScript 对象，并提供一些示例代码来帮助读者更好地理解。

什么是 JSON 字符串？

JSON 字符串是一种轻量级的数据交换格式，具有良好的可读性。它由一个或多个键值对组成，其中键是一个字符串，值可以是字符串、数字、布尔值、数组、对象或 null。JSON 字符串的格式如下所示：

{
  "key1": "value1",
  "key2": "value2",
  "key3": ["value3", "value4"],
  "key4": {
    "nestedKey": "nestedValue"
  },
  "key5": null
}

JSON.parse() 方法

JavaScript 提供了一个内置方法 JSON.parse()，用于将 JSON 字符串转换成 JavaScript 对象。语法如下：

JSON.parse(jsonString)

其中 jsonString 是要转换的 JSON 字符串。

以下是一个简单的示例：

const jsonString = '{"name": "Alice", "age": 20}';
const obj = JSON.parse(jsonString);

console.log(obj.name); // 输出：Alice
console.log(obj.age); // 输出：20

在上面的示例中，我们首先定义了一个 JSON 字符串 jsonString，然后使用 JSON.parse() 方法将其转换成了 JavaScript 对象 obj。最后，我们可以通过访问对象的属性来获取相应的值。

值得注意的是，如果 JSON 字符串不符合规范，即不是有效的 JSON 格式，或者解析过程中发生错误，那么 JSON.parse() 方法会抛出一个异常。

JSON.parse() 方法的参数

JSON.parse() 方法除了接受一个 JSON 字符串作为参数之外，还可以接受一个可选的第二个参数，用于指定一个转换函数。

转换函数是一个可选的参数，用于修改解析生成的 JavaScript 对象的属性。该函数可以接受两个参数：属性名和属性值，并返回一个新的属性值。

以下是一个示例，展示如何使用转换函数：

const jsonString = '{"price": 9.99, "quantity": 10}';
const obj = JSON.parse(jsonString, (key, value) => {
  if (key === "price") {
    return value * 2; // 将价格乘以 2
  }
  return value;
});

console.log(obj.price); // 输出：19.98
console.log(obj.quantity); // 输出：10

在上面的示例中，我们定义了一个转换函数，该函数会检查属性名是否为 “price”，如果是，则将属性值乘以 2。通过将转换函数作为 JSON.parse() 方法的第二个参数传递，我们可以修改解析后的对象的属性值。

示例代码

下面是一些示例代码，展示了如何将 JSON 字符串转换成 JavaScript 对象：

// 示例 1：将简单的 JSON 字符串转换成对象
const jsonString1 = '{"name": "Bob", "age": 25}';
const obj1 = JSON.parse(jsonString1);
console.log(obj1.name); // 输出：Bob
console.log(obj1.age); // 输出：25

// 示例 2：将包含数组的 JSON 字符串转换成对象
const jsonString2 = '{"fruits": ["apple", "banana", "cherry"]}';
const obj2 = JSON.parse(jsonString2);
console.log(obj2.fruits); // 输出：["apple", "banana", "cherry"]

// 示例 3：将包含嵌套对象的 JSON 字符串转换成对象
const jsonString3 = '{"person": {"name": "John", "age": 30}}';
const obj3 = JSON.parse(jsonString3);
console.log(obj3.person.name); // 输出：John
console.log(obj3.person.age); // 输出：30

// 示例 4：使用转换函数修改解析后的对象
const jsonString4 = '{"price": 9.99, "quantity": 10}';
const obj4 = JSON.parse(jsonString4, (key, value) => {
  if (key === "price") {
    return value * 2; // 将价格乘以 2
  }
  return value;
});
console.log(obj4.price); // 输出：19.98
console.log(obj4.quantity); // 输出：10