【博学谷学习记录】超强总结，用心分享前端|对象解构&数组

目录

对象解构

基本语法

给新的变量名赋值

数组对象解构

多级对象解构

遍历数组

筛选数组

---

对象解构

对象解构：是将对象属性和方法快速批量赋值给一系列变量的简介语法

基本语法

1. 赋值运算符 = 左侧的{}用于批量声明变量，右侧对象的属性值将被赋值给左侧变量
2. 对象的值将被赋值给与属性名相同的变量
3. 注意解构的变量名不要和外面的变量名冲突，否则会报错
4. 对象中找不到与变量名一致的属性时变量值为undefined

例：

const user = {

name：‘小明’,

age：18

}

批量声明变量 name，age

同时将数组单元值小明，18依次赋值给变量name，age

const {name，age} = user

console.log(name)  // 小明

console.log(age)  // 18

给新的变量名赋值

可以从一个对象中提取变量并同时修改新的变量名