剖析 JSON.stringify 与 JSON.parse 的真谛

2023-12-23 05:22:03

JSON.stringify

JSON.stringify() 方法将 JavaScript 值转换为 JSON 字符串。它可以处理各种类型的值，包括对象、数组、字符串、数字、布尔值、null 和 undefined。

JSON.stringify() 方法的语法如下：

JSON.stringify(value, replacer, space)

value ：要转换的 JavaScript 值。
replacer ：可选。一个函数，它将被用来替换某些属性的值。
space ：可选。一个用于格式化 JSON 输出的空格数。

注意： JSON.stringify() 方法不会将函数、日期和正则表达式转换为 JSON 字符串。

示例：

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

const json = JSON.stringify(obj);

console.log(json);

输出：

"{"name":"John Doe","age":30,"city":"New York"}"

JSON.parse

JSON.parse() 方法将 JSON 字符串解析回 JavaScript 值。它可以解析各种类型的 JSON 数据，包括对象、数组、字符串、数字、布尔值、null 和 undefined。

JSON.parse() 方法的语法如下：

JSON.parse(text, reviver)

text ：要解析的 JSON 字符串。
reviver ：可选。一个函数，它将被用来替换某些属性的值。

注意： JSON.parse() 方法不会将函数、日期和正则表达式从 JSON 字符串中解析出来。

示例：

const json = '{"name":"John Doe","age":30,"city":"New York"}';

const obj = JSON.parse(json);

console.log(obj);

输出：

{ name: 'John Doe', age: 30, city: 'New York' }

JSON.stringify 和 JSON.parse 的技巧

使用 replacer 参数来控制 JSON.stringify() 方法的输出。例如，您可以使用 replacer 参数来忽略某些属性或将某些属性的值替换为其他值。
使用 reviver 参数来控制 JSON.parse() 方法的输出。例如，您可以使用 reviver 参数来将某些属性的值转换为其他类型的值。
使用 space 参数来格式化 JSON.stringify() 方法的输出。这可以使 JSON 字符串更易于阅读和理解。
小心使用 JSON.stringify() 和 JSON.parse() 方法来处理循环引用。循环引用是指一个对象引用了它自己或另一个对象，从而导致无限循环。
使用 JSON.stringify() 和 JSON.parse() 方法来处理日期和正则表达式时要小心。这些类型的值在 JSON 字符串中表示时可能会丢失信息。

JSON.stringify 和 JSON.parse 的局限性

JSON.stringify() 和 JSON.parse() 方法不会将函数、日期和正则表达式转换为 JSON 字符串或从 JSON 字符串中解析出来。
JSON.stringify() 和 JSON.parse() 方法可能会丢失循环引用的信息。
JSON.stringify() 和 JSON.parse() 方法可能会丢失 NaN、Infinity 和 -Infinity 的信息。
JSON.stringify() 和 JSON.parse() 方法可能会丢失 Symbol 值的信息。

JSON.stringify 和 JSON.parse 的安全注意事项

不要在 JSON 字符串中包含敏感信息，例如密码或信用卡号码。
不要从不受信任的来源解析 JSON 字符串。
使用 JSON.stringify() 和 JSON.parse() 方法时要小心处理循环引用。

结语

JSON.stringify() 和 JSON.parse() 方法是 JavaScript 中处理 JSON 数据的强大工具。它们可以将 JavaScript 对象转换为 JSON 字符串，然后又可以将 JSON 字符串解析回 JavaScript 对象。了解这些方法的工作原理和局限性非常重要，这样才能安全有效地使用它们。