关于JavaScript中JSON的5个小技巧分享

下面是关于JavaScript中JSON的5个小技巧分享的完整攻略：

1. 使用JSON.parse()解析JSON字符串

在JavaScript中，我们可以使用JSON.parse()方法将JSON字符串解析为JavaScript对象。例如：

const jsonStr = '{"name": "Tom", "age": 18}';
const obj = JSON.parse(jsonStr);
console.log(obj); // 输出：{ name: 'Tom', age: 18 }

2. 使用JSON.stringify()将JavaScript对象转换为JSON字符串

如果要将JavaScript对象转换为JSON字符串，则可以使用JSON.stringify()方法。例如：

const obj = { name: 'Tom', age: 18 };
const jsonStr = JSON.stringify(obj);
console.log(jsonStr); // 输出：{"name":"Tom","age":18}

3. 使用JSON.stringify()时可以传入两个参数

如果需要更多的控制和定制化转换过程，可以在JSON.stringify()方法中传入两个参数。第一个参数是要转换的对象，第二个参数是一个函数，叫做"replacer"。例如：

const obj = { name: 'Tom', age: 18 };
const jsonStr = JSON.stringify(obj, (key, value) => {
  if (key === 'age') {
    return value + 1;
  }
  return value;
});
console.log(jsonStr); // 输出：{"name":"Tom","age":19}

在上面的例子中，我们传入了一个"replacer"函数，它会在转换时对键名为"age"的值做处理，将其加1后再返回转换后的结果。

4. 使用JSON.stringify()的第三个参数控制缩进和空格

本条技巧是针对美观性而提供的，如果需要将生成的JSON字符串进行格式化，可以通过第三个参数控制缩进和空格。例如：

const obj = { name: 'Tom', age: 18 };
const jsonStr = JSON.stringify(obj, null, 2);
console.log(jsonStr);
// 输出：
// {
//   "name": "Tom",
//   "age": 18
// }

在上面的例子中，我们传入了第三个参数，表示每个属性之间添加两个空格作为缩进。

5. 使用JSON.parse()的第二个参数控制解析时如何处理日期类型

有时候JSON数据中可能会包含日期类型的数据，如果不进行处理，在用JSON.parse()方法解析时可能会出现问题。可以通过传入第二个参数，一个"reviver"函数，来解决这个问题。例如：

const jsonStr = '{"date": "2022-01-01"}';
const obj = JSON.parse(jsonStr, (key, value) => {
  if (key === 'date') {
    return new Date(value);
  }
  return value;
});
console.log(obj.date instanceof Date); // 输出：true

在上面的例子中，我们传入了一个"reviver"函数，用来对键名为"date"的值做处理，将其解析为日期类型的数据。

以上就是关于JavaScript中JSON的5个小技巧分享的完整攻略。