JavaScript处理JSON依赖JSON.parse()和JSON.stringify():前者将合法JSON字符串(双引号、无尾逗号、键名引号)转为JS值,支持reviver过滤;后者将对象序列化为字符串,忽略函数/undefined/循环引用,支持属性筛选与缩进美化;解析后按原生对象操作,注意null安全、日期手动转换、大数精度丢失及API中response.json()已内置解析。

JavaScript解析和操作JSON数据主要靠内置的JSON对象,核心方法是JSON.parse()和JSON.stringify()。只要注意格式合法性、类型转换细节和常见陷阱,基本就能安全高效地处理。
用JSON.parse()把字符串转成JavaScript对象
这是解析JSON数据的第一步。输入必须是合法的JSON字符串(注意:双引号、不能有尾逗号、键名必须加引号)。
- 正确示例:
JSON.parse('{"name":"张三","age":25}') → {name: "张三", age: 25} - 错误示例:
JSON.parse("{'name':'张三'}")会报错——单引号不合法;JSON.parse('{"name":"李四",}')也会报错——尾逗号不允许 - 可选第二个参数
reviver函数,用于在解析过程中过滤或转换值,比如把时间字符串自动转为Date对象
用JSON.stringify()把对象转成JSON字符串
这个方法常用于发送数据到服务器或存入localStorage。它只序列化可枚举的自有属性,忽略函数、undefined、Symbol值和循环引用。
- 基础用法:
JSON.stringify({a: 1, b: null}) → '{"a":1,"b":null}' - 第二个参数可以是数组(指定要保留的属性名),也可以是函数(自定义每个键值的输出)
- 第三个参数控制缩进,传入数字(如2)或字符串(如' ')实现美化输出,方便调试
操作解析后的JSON数据就像普通对象或数组
解析成功后得到的是原生JavaScript值(对象、数组、字符串、数字、布尔、null),可直接用点语法、方括号、数组方法等操作。
标签: javascript java js json axios 后端 ai ios 跨域 常见问题
还木有评论哦,快来抢沙发吧~