ES6（二）解构赋值

目录

前言

一、解构赋值

原理：(以数组为例)

语法：

举个栗子~

现在来验证一下结果~

 二、数组解构赋值的常见类型

 基本类型

可嵌套类型

可忽略类型

不完全解构

剩余运算符

解构默认值

三、对象解构

原理：

语法：

举个栗子~

结果验证      

 四、对象解构第二种写法

原理：

语法：

举个栗子~

 结果验证   

五、对象解构赋值的常见类型

基本类型

可嵌套类型

忽略类型

不完全解构类型

剩余运算符类型

解构默认值

结束语

---

前言

      在ES5（也就是我们之前所学的javascript基础）中，在数组取值的时候我们如果要取全部（n个）值，就相对应的要声明n个变量，看以下代码：
     

 {
            let array = [1,2,3];
            console.log(array[0]);
            console.log(array[1]);
            console.log(array[2]);    //声明三次变量才可以取出来
        }

这样看起来是不是很！麻！烦！？能不能一条语句解决呢？于是，ES6给我们带来了“解构赋值”

一、解构赋值

原理：(以数组为例)

      数组解构允许我们按照一一对应的关系从数组中提取值，赋值给变量。

语法：

      let关键字＋[   ]（中括号：关键符号，代表解构，里面存放变量）= 数组（也可以是数组名）；

举个栗子~

let array = [1,2,3];  
    //一个数组
let [a,b,c] = array;
    //解构符号内声明三个变量，对应array数组中的三个值

 
要点注意！！一定要用let关键字！！

现在来验证一下结果~