心态好好
摆脱懒惰和拖延(๑>◡<๑)

ES6解构赋值(备忘)

解构赋值用于快速从对象或数组中提取值,并直接赋给变量,让代码更简洁、可读性更强。拆解结构,赋值给变量—— 不用再通过对象.属性数组[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](不用临时变量,直接交换 ab 的值)。

减少重复的对象.属性数组[index]写法,一行顶多行

赞(1) 打赏
未经允许不得转载:东东的小屋 » ES6解构赋值(备忘)

评论 抢沙发

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

微信扫一扫

登录

找回密码

注册