JS解构赋值

简述

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

语法

　　等号右边是一个数组或对象，等号左边是不同的变量

[a,b,...] = [值1,值2,...]

　　像这样我们把1和2赋给了a和b

let a,b;
[a,b] = [1,2];

默认值

　　左右数量不匹配的时候，等号左边可以指定默认值

var a, b;
[a=5, b=7] = [1];
console.log(a); // 1
console.log(b); // 7

将剩余数组赋值给一个变量

　　像这样我们可以把数组里的剩余元素都给b

var [a, ...b] = [1, 2, 3];
console.log(a); // 1
console.log(b); // [2, 3]

解构对象

　　像这样我们可以轻松地把对象的属性提取出来

var o = {p: 42, q: true};
var {p, q} = o;

console.log(p); // 42
console.log(q); // true

　　对于属性名我们可以起一个新的变量名

var o = {p: 42, q: true};
var {p: foo, q: bar} = o;

console.log(foo); // 42
console.log(bar); // true 

　　解构对象有利于我们操作Json数据

let jsonData = {
    id: 42,
    status: "OK",
    data: [867, 5309]
};
let { id, status, data: number } = jsonData;
console.log(id, status, number)//  输出  42 OK  [867,5309]

Reference

　　https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment