JavaScript解析及序列化JSON的方法实例分析

什么是JSON

JSON，全称JavaScript Object Notation，一种轻量级的数据交换格式。它采用纯文本格式来表示数据，使得其可以在不同的平台、编程语言和操作系统之间进行数据传输。

JSON可以表示对象（object）、数组（array）、字符串（string）、数字（number）、布尔值（boolean）和null等类型的数据。

JSON的结构

JSON的结构非常简单，它由两种基本结构组成：键值对和列表。

键值对

键值对表示一个属性和相对应的值。它的格式为：

{
  "key1": "value1",
  "key2": "value2",
  ...
}

列表

列表是一个包含多个值的有序集合。它的格式为：

[
  "value1",
  "value2",
  ...
]

JavaScript解析JSON

在JavaScript中，JSON可以通过两个方法解析：

JSON.parse()

JSON.parse()方法可以将JSON字符串解析为JavaScript对象。它的语法为：

JSON.parse(text, reviver)

参数说明：

• text：必须。要转换的JSON字符串。
• reviver：可选。一个函数，用来转换解析后的结果。该函数接收两个参数：key和value，分别表示当前属性的键和值。如果reviver函数返回undefined，则当前属性会被删除，否则将被替换为返回值。

示例代码：

const jsonStr = '{"name": "张三", "age": 18}';
const obj = JSON.parse(jsonStr);
console.log(obj);  // {name: "张三", age: 18}

eval()

在早期的JavaScript版本中，eval()方法被用于解析JSON字符串。但是，由于eval()可以执行任意的JavaScript代码，可能会存在安全问题，因此不推荐使用。

示例代码：

const jsonStr = '{"name": "张三", "age": 18}';
const obj = eval(`(${jsonStr})`);
console.log(obj);  // {name: "张三", age: 18}

JavaScript序列化JSON

JavaScript中的对象和数组可以通过JSON.stringify()方法序列化为JSON字符串。

JSON.stringify()

JSON.stringify()方法可以将JavaScript对象序列化为JSON字符串。它的语法为：

JSON.stringify(value[, replacer[, space]])

参数说明：

• value：必须。要序列化为JSON字符串的值。
• replacer：可选。一个函数或一个数组，用于转换序列化结果。如果是一个函数，则接收两个参数：key和value，分别表示当前属性的键和值；如果是数组，则表示需要序列化的属性列表。如果replacer返回undefined，则当前属性会被忽略，否则将使用返回值作为属性值。
• space：可选。用于缩进输出JSON字符串的空格数，可以输入一个正整数或者一个字符串。

示例代码：

const obj = {
  name: "张三",
  age: 18,
  hobbies: ["篮球", "音乐", "读书"],
  address: {
    province: "广东",
    city: "深圳"
  }
};
const jsonStr = JSON.stringify(obj, null, 2);
console.log(jsonStr);
/*
{
  "name": "张三",
  "age": 18,
  "hobbies": [
    "篮球",
    "音乐",
    "读书"
  ],
  "address": {
    "province": "广东",
    "city": "深圳"
  }
}
*/

总结

通过JSON.parse()和JSON.stringify()方法，JavaScript可以快速、方便地进行JSON数据的解析和序列化。其中，JSON.parse()方法用于将JSON字符串转换为JavaScript对象，而JSON.stringify()方法则用于将JavaScript对象转换为JSON字符串。在编写JavaScript代码时，我们可以根据具体需求选择使用其中的一种方法。