JavaScript嵌套解构可直接提取深层属性，如const { address: { city, zip } } = user；支持默认值防错、重命名及数组中嵌套对象解构。

JavaScript 中用嵌套解构提取用户地址详细信息，核心是**按对象层级结构一层层匹配属性名**，直接从嵌套对象中取出深层字段，无需反复写 user.address.city 这样的长链访问。

基础嵌套解构：从 address 对象里取 city 和 zip

假设用户数据结构如下：

const user = { name: "张三", address: { city: "上海", zip: "200000", street: "南京东路1号" } };

可以这样一次性解构出城市和邮编：

const { address: { city, zip } } = user;

此时 city 值为 "上海"，zip 为 "200000"。注意冒号右侧的花括号表示“在 address 这个子对象里继续解构”。

立即学习“Java免费学习笔记（深入）”；

处理可能缺失的嵌套层级（防报错）

如果 address 可能为 null 或 undefined，直接解构会报错。安全做法是设置默认空对象：

JavaStoryDevelop

你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在

下载

• 用 { address = {} } 给外层提供默认值
• 再在内层用 { city = "未知", zip = "" } 设置字段默认值

const { address = {} } = user;
const { city = "未知", zip = "" } = address;

或者合并成一行：

const { address: { city = "未知", zip = "" } = {} } = user;

重命名 + 嵌套解构：避免变量名冲突

如果想把 address.city 解构为 userCity，同时保留 name，可以混用重命名和嵌套：

const {
  name,
  address: { city: userCity, zip: userZip, street: userStreet }
} = user;

解构后得到：name、userCity、userZip、userStreet 四个独立变量。

解构数组中的嵌套对象（如多个地址）

若用户有地址列表：addresses: [{ type: "home", detail: { city: "北京", district: "朝阳区" } }]，可这样取第一个家庭地址的城市：

const { addresses = [] } = user;
const [{ detail: { city: homeCity } = {} } = {}] = addresses;

这行代码含义：先确保 addresses 是数组（默认空数组），再对第一个元素解构，给它和它的 detail 都设默认空对象，最后取 city 并重命名为 homeCity。