es6中解构赋值小计

解构赋值

解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。

下面我们来看下解构赋值在对象/数组中的应用
对象

let obj = {
        a : 1,
        b : 2
 	};

在之前，若我们在把a,b存储起来方便以后使用，一般都是使用一下方法

let a = obj.a;
let b = obj.b;

在知道解构赋值之后就可以直接

let {a,b} = obj;

需要注意的时，对象在使用解构赋值是，解构出来了的变量名因该和对象的属性名一致，而且是要一一对应。例如

数组

let arr = ['a','b','c'];
let [e,f] = arr;
console.log(e,f)

输出结果为a b

数组解构赋值与对象解构赋值差别不大，主要有两点不同
1.首先对象接收解构后的结果使用 { } ，.数组用的是 [ ]
2.其次对象要求属性跟变量名要一致，数组是下标对应一致，即在上面例子中arr[0] ->e，arr[1] -> f

只是个人学习之后小结，若有说错或不对，欢迎指正