ES6解构赋值

 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 {键：变量名，键：变量名，键：变量名}=