解构赋值用于快速从对象或数组中提取值,并直接赋给变量,让代码更简洁、可读性更强。拆解结构,赋值给变量—— 不用再通过对象.属性或数组[index] 一个个取值,而是直接匹配结构,一次性把需要的值取出来。
二、两种最常用的解构
1. 对象解构(最常用)
从对象中提取与属性名相同的值,赋给变量。
// 传统写法
const user = { name: '张三', age: 25, city: '深圳' }
const name = user.name
const age = user.age
// 解构赋值(简洁,一次性取多个值)
const { name, age } = user
console.log(name) // 张三
console.log(age) // 25
进阶用法:
重命名变量:const { name: username } = user(把 name 赋值给 username);
设置默认值:const { gender = '男' } = user(如果 user 没有 gender 属性,默认值为 '男')
2. 数组解构
从数组中提取与位置对应的值,赋给变量。
// 传统写法
const arr = [1, 2, 3]
const a = arr[0]
const b = arr[1]
// 解构赋值
const [a, b] = arr
console.log(a) // 1
console.log(b) // 2
进阶用法:
跳过元素:const [, , c] = arr(跳过前两个,取第三个值 3);
交换变量:[a, b] = [b, a](不用临时变量,直接交换 a 和 b 的值)。
减少重复的对象.属性或数组[index]写法,一行顶多行













