在前端开发中，我们经常需要将JavaScript对象和字符串相互转换。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式，常用于前后端数据传输、存储等场景。JSON.stringify()和JSON.parse()是两个重要的JSON操作方法，在使用时需要注意它们之间的差异。
JSON.stringify()
JSON.stringify()方法可以将一个JavaScript对象转换为JSON字符串。该方法接受三个参数：第一个参数为待转换的JavaScript对象，第二个参数为可选的转换函数，用于控制转换过程，第三个参数为可选的缩进空格数，用于控制输出格式。
示例代码：
const obj = { name: '张三', age: 20, hobby: ['游泳', '旅游'] };
const jsonStr = JSON.stringify(obj, null, 2);
console.log(jsonStr);上述代码中，obj是一个JavaScript对象，jsonStr是该对象转换后的JSON字符串，null表示没有转换函数，2表示输出格式缩进两个空格。
需要注意的是，JSON.stringify()方法只能处理符合JSON规范的简单数据类型，如字符串、数字、布尔值、数组和普通对象。如果对象中包含了函数、正则表达式等特殊类型，或者属性值为undefined，则会在转换过程中被忽略。
JSON.parse()
JSON.parse()方法可以将一个JSON字符串转换为JavaScript对象。该方法接受两个参数：第一个参数为待转换的JSON字符串，第二个参数为可选的转换函数，用于控制转换过程。
示例代码：
const jsonStr = '{"name":"张三","age":20,"hobby":["游泳","旅游"]}';
const obj = JSON.parse(jsonStr);
console.log(obj);上述代码中，jsonStr是一个JSON字符串，obj是该字符串转换后的JavaScript对象。
需要注意的是，JSON.parse()方法只能处理符合JSON规范的JSON字符串。如果字符串格式不正确或包含了特殊字符等非法内容，则会抛出语法错误异常。
差异比较
JSON.stringify()和JSON.parse()的差异主要体现在以下几个方面：
- 参数类型：JSON.stringify()接受一个JavaScript对象作为参数，JSON.parse()接受一个JSON字符串作为参数。
- 转换结果：JSON.stringify()返回一个JSON字符串，JSON.parse()返回一个JavaScript对象。
- 转换方式：JSON.stringify()将JavaScript对象转换为JSON字符串，JSON.parse()将JSON字符串转换为JavaScript对象。
- 兼容性：JSON.stringify()和JSON.parse()都是ES5中新增的方法，低版本的浏览器可能不支持。
指导意义
使用JSON.stringify()和JSON.parse()时，需要注意以下几点：
- 对象属性命名必须符合JSON规范，即使用双引号包裹属性名。
- 注意JSON.stringify()方法中的第二个参数和第三个参数的使用，以控制转换过程和输出格式。
- 由于JSON.parse()方法只能处理符合JSON规范的JSON字符串，因此在实际开发中需要对数据格式进行严格的校验和过滤。
- 在兼容性方面，可以使用第三方库如json2.js来提供兼容性支持。
综上所述，JSON.stringify()和JSON.parse()是前端开发中非常重要的JSON操作方法。熟练掌握它们之间的差异，并注意使用时的细节和注意事项，可以帮助我们更好地进行前后端数据交互和存储。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8382
