JSON.parse()和JSON.stringify()使用介绍

让我来详细讲解一下 JSON.parse() 和 JSON.stringify() 的使用介绍。

JSON.parse()

JSON.parse() 方法用于将一个 JSON 字符串转换成一个 JavaScript 对象。

语法如下：

JSON.parse(text[, reviver])

其中，text 表示待转换的 JSON 字符串，reviver 是可选的参数，如果存在，是一个转换函数，用于调整解析出的值，或者剔除某些键值对。

示例 1：

const jsonStr = '{"a": 1, "b": "hello", "c": [1, 2, 3]}';
const jsonObj = JSON.parse(jsonStr);
console.log(jsonObj);

以上代码的输出结果为：

{
  a: 1, 
  b: "hello", 
  c: [1, 2, 3]
}

JSON.stringify()

JSON.stringify() 方法用于将一个 JavaScript 对象转换成一个 JSON 字符串。

语法如下：

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

其中，value 表示要转换成 JSON 字符串的值，replacer 和 space 都是可选参数：

• replacer: 是一个函数，可以用于过滤或转换要转换成 JSON 字符串的属性值。
• space: 控制缩进的空格数，或使用 '\t' 表示使用 Tab 制表符。

示例 2：

const obj = {
  name: '小明',
  age: 18,
  hobby: ['basketball', 'music']
};
const jsonString = JSON.stringify(obj, null, 2);
console.log(jsonString);

以上代码的输出结果为：

{
  "name": "小明",
  "age": 18,
  "hobby": [
    "basketball",
    "music"
  ]
}

综上所述，JSON.parse() 和 JSON.stringify() 方法在前端开发中是经常使用到的，既可以将一个 JSON 字符串转换成一个 JavaScript 对象，也可以将一个 JavaScript 对象转换成一个 JSON 字符串，可以方便地在前后端之间传输数据。