ES6的解构赋值
这篇文章清晰明了的解释在es6中对象和数组的解构赋值以及重点,和关键点
关键点 : 解构赋值的左右两边类型必须一致
数组解构
特点 :数组是一个有序(有索引)的集合
数组解构会出现的四种情况
1. 完全解构 变量的个数与数组元素个数相等
2.不完全解构 变量的个数少于数组元素的个数
3.解构失败 变量的个数多于数组元素的个数
4.解构默认值 解构默认值触发条件 :真等于undefined
代码示例
<script>
// 数组解构
// 1. 完全解构 变量的个数与数组元素个数相等
let arr=[10,20,30]
let [a,b,c]=arr;
console.log(a,b,c);//10 20 30
// 2.不完全解构 变量的个数少于数组元素的个数
let [aa,bb]=arr;
console.log(aa,bb);//10 20
// 3.解构失败 变量的个数多于数组元素的个数
let [a1,b1,c1,d1]=arr;
console.log(a1,b1,c1,d1);//10 20 30 undefined
// 4.解构默认值 解构默认值触发条件 :真等于undefined
let [a2,b2,c2=0]=[10,20,undefined];
console.log(a2,b2,c2);//10 20 0
</script>
对象解构
对象:无序的哈希结构
语法: let {键:变量名,键:变量名,键:变量名}=