JSON.parse()与JSON.stringify()有何区别？

原创已于 2022-05-10 21:57:11 修改 · 408 阅读

0 ·

CC 4.0 BY-SA版权

十二

文章标签：

#json #javascript #前端

于 2022-02-16 22:50:39 首次发布

十二的 Javascript 之路同时被 2 个专栏收录

22 篇文章

订阅专栏

十二的笔记

2 篇文章

订阅专栏

本文详细介绍了JSON.parse()和JSON.stringify()在JavaScript中的使用，前者用于将JSON字符串转换为JavaScript对象，后者则将JavaScript对象转化为JSON字符串。在处理数据交换时，这两个方法是关键。此外，需要注意JSON.stringify()在处理Date对象时会将其转换为字符串。

JSON.parse()与JSON.stringify()有何区别？

JSON通常用来与服务端进行数据交换，比较常用的是用来转换对象与数组。

JSON.parse()

JSON.parse() 方法可以将JSON字符串解析为JS对象，传一个JSON字符串作为参数，返回一个JS对象。
示例：

let demo = '{ "name":"shier", "age":12, "sex":"man"}';
let myJson = JSON.parse(demo);
console.log(myJson)
// 结果： {name: 'shier', age: 12, sex: 'man'}

JSON.stringify()

JSON.stringify()方法是将JS对象转换成为JSON字符串，传一个JS对象作为参数。返回一个JSON字符串。
示例：

let demo1 = { "name":"shier", "age":12, "sex":"man"};
let myJson1 = JSON.stringify(demo1);
console.log(myJson1)
// 结果： '{ "name":"shier", "age":12, "sex":"man"}'

tips

需要注意的是：JSON 不能存储 Date 对象，所以JSON.stringify() 转换时会将所有日期转换为字符串。

let demo2 = { "name":"shier", "age":12, "sex":"man", "nowTime": new Date()};
let myJson2 = JSON.stringify(demo2);
console.log(myJson2)
// 结果：{"name":"shier","age":12,"sex":"man","nowTime":"2022-02-16T14:42:42.472Z"}