javascript中解构赋值是什么_它如何简化变量声明？

解构赋值是JavaScript中从数组或对象提取值并赋给变量的简洁语法。它不创建新数据，而是直接拆解已有结构；支持对象（含重命名、默认值、嵌套）和数组（含剩余、交换、函数返回值）解构；可用于函数参数，提升可读性与灵活性；需注意浅拷贝及null/undefined报错问题。

解构赋值是 JavaScript 中一种从数组或对象中提取值并赋给变量的简洁语法。它不创建新数据，而是“拆开”已有结构，直接拿到想要的部分，让变量声明更直观、更少冗余代码。

对象解构：按属性名取值

传统方式要重复写对象名和点号；解构只需在等号左边用花括号列出想取的属性名：

// 传统写法
const user = { name: 'Alice', age: 30, city: 'Beijing' };
const name = user.name;
const age = user.age;

// 解构写法（一行搞定）
const { name, age } = user;

还能重命名、设置默认值、嵌套解构：

• 重命名：const { name: userName } = user; → 变量叫 userName
• 默认值：const { city = 'Unknown' } = user; → 若 city 不存在，用 'Unknown'
• 嵌套：const { address: { zip } } = user; → 直接取深层属性

数组解构：按位置取值

用方括号按索引顺序提取元素，跳过不需要的项也很方便：

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

const colors = ['red', 'green', 'blue'];
const [first, , third] = colors; // first='red', third='blue'，跳过第二个

支持剩余语法、交换变量、函数返回值接收：

标签： javascript java red