JavaScript解析JSON需先用JSON.parse()转为对象或数组，再用可选链（?.）、空值合并（??）或逻辑与（&&）安全访问嵌套属性，遍历混合结构时结合map、Object.keys等方法，并通过递归或类型判断处理动态键名。
JavaScript解析JSON数据很简单，关键在于理解数据结构和正确访问嵌套属性。JSON本质是字符串，必须先用 JSON.parse() 转成对象或数组，才能安全读取。
基础解析：从字符串到可用数据
后端返回的JSON通常是字符串格式，不能直接点属性访问：
- 用
JSON.parse(jsonString)将字符串转为JS对象或数组 - 解析失败会抛出语法错误，建议用
try...catch包裹 - 示例：不要直接写
data.user.name，先确认data是对象且有user属性
安全访问嵌套属性：避免 "Cannot read property X of undefined"
深层嵌套（如 response.data.items[0].author.profile.avatar.url）容易因某一层缺失而报错：
- 使用可选链操作符（
?.）：data?.items?.[0]?.author?.profile?.avatar?.url - 搭配空值合并操作符（
??）提供默认值：user?.name ?? '匿名用户' - 旧环境不支持可选链时，可用逻辑与（
&&）短路判断：data && data.items && data.items[0] && ...，但较冗长
遍历复杂结构：数组+对象混合场景
真实API返回常是“对象里包数组，数组里又含对象”的组合：
立即学习“Java免费学习笔记（深入）”；
- 先理清结构：用
console.log(data)或浏览器开发者工具查看实际层级 - 对数组用
map/forEach，对对象用Object.keys()或for...in（注意原型链） - 需要扁平化或多层提取时，可封装递归函数，例如提取所有
id字段：function findAllIds(obj) { let ids = []; if (obj?.id) ids.push(obj.id); if (Array.isArray(obj)) obj.forEach(item => ids.push(...findAllIds(item))); if (obj && typeof obj === 'object') Object.values(obj).forEach(val => ids.push(...findAllIds(val))); return ids; }
处理动态键名和不确定结构
有些接口返回字段名不固定（如按日期命名的键、多语言字段），或结构随状态变化：
- 用
Object.keys(obj)或Object.entries(obj)动态获取键名 - 结合
typeof和Array.isArray()判断类型，再分支处理 - 必要时定义结构校验函数，用
in操作符检查关键字段是否存在，提升健壮性
