javascript怎样解析JSON字符串_如何使用JSON.parse方法？_网络技术

javascript怎样解析JSON字符串_如何使用JSON.parse方法？

发布时间 - 2026-01-07 00:00:00 点击率：次

JSON.parse要求严格双引号、无单引号、键名必须引号、换行需转义；仅接受字符串，否则TypeError；须用try...catch捕获SyntaxError；reviver可转换类型但慎用；JSON.parse(JSON.stringify(obj))不能替代深拷贝。

JSON 字符串必须是严格格式，否则 JSON.parse 会直接抛出 SyntaxError —— 这不是“解析失败”，而是语法不合法，根本不会进入逻辑处理阶段。

JSON.parse 基本用法与常见报错

JSON.parse 只接受字符串输入，传入对象、null、数字或 undefined 都会立即报 TypeError。最常踩的坑是误把已解析的对象再 parse 一次：

const data = { "name": "Alice" };
JSON.parse(data); // TypeError: Cannot parse object

另一个高频错误是字符串里混用了单引号或未转义的换行：

"{'name': 'Bob'}" → 单引号非法，JSON 只认双引号
"{name: 'Bob'}" → 键名没加引号，非法
"{\n"name": "Bob"}" → 换行未转义，SyntaxError

如何安全地解析并捕获错误

永远不要裸调 JSON.parse。真实场景中，输入可能来自用户输入、localStorage、fetch 响应体等不可信源，必须包裹 try...catch：

function safeParse(jsonStr) {
  try {
    return JSON.parse(jsonStr);
  } catch (err) {
    if (err instanceof SyntaxError) {
      console.error("JSON 格式错误:", err.message);
      return null;
    }
    throw err;
  }
}

注意：不要只检查 err.name === "SyntaxError"，用 instanceof 更可靠；也不要忽略其他可能异常（如内存溢出），但绝大多数情况就是 SyntaxError。

reviver 参数的实用场景

JSON.parse 的第二个参数 reviver 是个函数，能在解析过程中逐层修改值，适合做类型转换或过滤：

const json = '{"date":"2025-10-05","count":42}';
const obj = JSON.parse(json, (key, value) => {
  if (key === "date") return new Date(value);
  if (key === "count" && typeof value === "number") return value * 2;
  return value;
});
// obj.date 是 Date 实例，obj.count 是 84

注意：reviver 会遍历每个键值对（包括嵌套对象），返回 undefined 会删除该属性；如果对性能敏感（比如解析 MB 级 JSON），避免在 reviver 中做重操作。

和 JSON.stringify 的配对陷阱

JSON.parse(JSON.stringify(obj)) 常被误用作“深拷贝”，但它会丢失：

Date、RegExp、undefined、Function、Symbol
NaN 和 Infinity 被转为 null
循环引用直接抛错

如果只是想序列化后立刻解析回来，确保原始数据只含 JSON 安全类型（string/number/boolean/null/object/array）。否则，该用 structuredClone（现代浏览器）或专用深拷贝库。

# javascript # java # js # json # 浏览器 # 键值对 # red

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：centos无法连接xshell怎么办

下一篇：centos安装mysql报错了怎么办

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：centos无法连接xshell怎么办

下一篇：centos安装mysql报错了怎么办