使用JSON.parse()将JSON字符串转为JavaScript对象，如const obj = JSON.parse(‘{“name”: “张三”}’)；使用JSON.stringify()将对象转为JSON字符串，如JSON.stringify({name: “李四”})；注意处理数据类型限制与语法规范。
在JavaScript中处理JSON数据是前端开发中的常见需求。无论是从服务器获取数据，还是本地存储与传输，JSON（JavaScript Object Notation）都是一种轻量级的数据交换格式。理解如何解析和转换JSON数据，对实际开发非常关键。
JSON.parse()：将JSON字符串转为JavaScript对象
当从接口接收到的数据是字符串形式的JSON时，需要使用 JSON.parse() 方法将其转换为可操作的JavaScript对象。
例如，后端返回如下字符串：
'{"name": "张三", "age": 25, "city": "北京"}'
可以通过以下方式解析：
const jsonString = '{"name": "张三", "age": 25, "city": "北京"}';
const obj = JSON.parse(jsonString);
console.log(obj.name); // 输出：张三
注意：传入的字符串必须符合JSON语法规范，否则会抛出 SyntaxError 错误。比如单引号、末尾逗号等都不被允许。
JSON.stringify()：将JavaScript对象转为JSON字符串
当你需要将一个JS对象发送到服务器或存入 localStorage 时，需将其转换为JSON字符串，这时使用 JSON.stringify()。
示例：
const user = { name: "李四", age: 30, city: "上海" };
const jsonString = JSON.stringify(user);
console.log(jsonString); // 输出：{"name":"李四","age":30,"city":"上海"}
该方法还可接受两个可选参数：过滤器（数组或函数）和缩进参数，用于控制输出格式。
例如美化输出：
JSON.stringify(user, null, 2);
结果会带有缩进，便于查看。
处理复杂数据类型时的注意事项
JSON.stringify() 对某些JS类型有局限性：
函数、undefined、Symbol 值会被忽略 Date 对象会被转换为字符串 RegExp 和 Error 对象会变成空对象 {} 循环引用的对象会报错
如果对象中包含不能被序列化的字段，建议提前处理或使用 replacer 函数过滤。
例如：
JSON.stringify({ a: 1, b: undefined, c: function(){} }, ['a']); // 结果："{"a":1}"
实际应用场景举例
常见使用场景包括：
通过 fetch 或 XMLHttpRequest 获取API返回的JSON字符串，用 JSON.parse() 转换为对象 将表单数据组装成对象后，用 JSON.stringify() 发送给后端 在 localStorage 中保存对象时，先 stringify，读取时再 parse
localStorage 示例：
localStorage.setItem('userData', JSON.stringify(user));
const data = JSON.parse(localStorage.getItem('userData'));
基本上就这些。掌握 JSON.parse() 和 JSON.stringify() 的基本用法及边界情况，就能应对大多数数据转换需求。不复杂但容易忽略细节，建议结合实际调试加深理解。
以上就是JS JSON数据怎么解析_JS JSON数据解析与转换使用方法的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1538522.html
微信扫一扫 
支付宝扫一扫 
