ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。
1.数组的解构复制:
let [a, b, c] = [1, 2, 3];
从数组中提取值,按照对应位置,对变量赋值;
是严格按照顺序来赋值的;
let [a, [b], d] = [1, [2, 3], 4]; 也是可以的,b//2;
如果等号的右边不是数组,就会报错;
解构赋值允许默认值:
let [foo = true] = []; foo // true
如果默认值是一个表达式,当取不到值时,才会求值;
function f() {
console.log('aaa');
}
let [x = f()] = [1]; x//1
因为x可以取到值,f函数不会执行;
默认值可以引用解构赋值的其他变量,但该变量必须已经声明。
2.对象的解构赋值
let { foo, bar } = { foo: "aaa", bar: "bbb" };
foo // "aaa"
bar // "bbb"
跟数组不同,对象变量的取值必须与属性名相同,才可以取到值;
如果变量名与属性名不一致,必须写成下面这样:
var { foo: baz } = { foo: 'aaa', bar: 'bbb' };
baz // "aaa"
对象的解构赋值,可以很方便地将现有对象的方法,赋值到某个变量:
let { log, sin, cos } = Math;
3.字符串的解构赋值
字符串也可以解构赋值。这是因为此时,字符串被转换成了一个类似数组的对象:
const [a, b, c, d, e] = 'hello';
a // "h"
b // "e"
c // "l"
d // "l"
e // "o"
类似数组的对象都有一个length属性,因此还可以对这个属性解构赋值:
let {length : len} = 'hello';
len // 5
4.函数的解构赋值
函数的参数也可以使用解构赋值:
function add([x, y]){
return x + y;
}
add([1, 2]); // 3
5.用途:
(1) 交换变量的值 [x, y] = [y, x];
(2) 从函数返回多个值
function example() {
return [1, 2, 3];
}
let [a, b, c] = example();
(3) 函数参数的定义
function move({x = 0, y = 0} = {}) {
return [x, y];
}
move({x: 3, y: 8}) //可以为参数提供默认值
(4) 提取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]
(5) 函数参数的默认值,非常好用。
(6) 遍历Map结构
var map = new Map();
map.set('first', 'hello');
map.set('second', 'world');
for (let [key, value] of map) {
console.log(key + " is " + value);
}
(7)输入模块的指定方法
const { SourceMapConsumer, SourceNode } = require("source-map");
浙公网安备 33010602011771号