解构赋值
解构赋值就是把数据结构分解,然后给变量进行赋值
在ES6中 允许从数组和对象中提取值 按照对应位置 对变量赋值
利用解构赋值 我们可以更加方便的取用对象或者数组中的属性 和方法等等
解构数组
数组解构用中括号包裹,多个变量用逗号隔开
如下所示
let [a,b,c] =[1,2,3]
这就是一个简单的数组解构赋值
我们打印分别abc就会分别得到123
需要注意的是
如果结构不成功,变量跟数值个数不匹配的时候,变量的值为undefined
let [a,b,c,d] =[1,2,3]
d 就是 underfined
解构对象
对象解构用花括号包裹,多个变量用逗号隔开
let person = { name: 'zhangsan', age: 20 };
let { name, age } = person;
console.log(name); // 'zhangsan'
console.log(age); // 20
let {name: myName, age: myAge} = person; // myName myAge 属于别名
console.log(myName); // 'zhangsan'
console.log(myAge); // 20
这就是一个对象的解构赋值
总结
- 解构赋值就是把数据结构分解,然后给变量进行赋值
- 如果结构不成功,变量跟数值个数不匹配的时候,变量的值为undefined
- 数组解构用中括号包裹,多个变量用逗号隔开,对象解构用花括号包裹,多个变量用逗号隔开
- 利用解构赋值能够让我们方便的去取对象中的属性跟方法