数组的结构赋值
let a = 1;
let b = 2;
let c = 3;
//ES6 允许写成下面这样。
let [a, b, c] = [1, 2, 3];
这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值
嵌套写法
let [foo, [[bar], baz]] = [1, [[2], 3]];
foo // 1
bar // 2
baz // 3
let [ , , third] = ["foo", "bar", "baz"];
third // ‘baz‘
let [x, , y] = [1, 2, 3];
x // 1
y // 3
let [head, ...tail] = [1, 2, 3, 4];
head // 1
tail // [2, 3, 4]
let [x, y, ...z] = [‘a‘];
x // "a"
y // undefined
z // []
如果解构不成功,变量的值为undefined。以下两种情况都属于解构不成功,foo的值都会等于undefined。
let [foo] = [];
let [bar, foo] = [1];
另一种情况是完全不解构,即等号左边的模式只匹配一部分等号右边的数组,但依然可以解构成功。例如下面代码。
let [x, y] = [1, 2, 3];
x // 1
y // 2
let [a, [b], d] = [1, [2, 3], 4];
a // 1
b // 2
d // 4
如果等号右边是不可遍历的解构,那么将会报错。
// 报错
let [foo] = 1;
let [foo] = false;
let [foo] = NaN;
let [foo] = undefined;
let [foo] = null;
let [foo] = {};
上面的语句都会报错,因为他们不具备Iterator接口,也就是说他们不可被遍历。
事实上,只要某种数据结构具有 Iterator 接口,都可以采用数组形式的解构赋值。