在ES6中允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被方式被称为解构赋值。使用解构的方式对变量进行赋值,相比于传统的直接赋值,会增加许多便利性。
解构赋值本质上就是“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予匹配的右边的值,如果匹配不成功变量的值就等于undefined。
数组的解构赋值
理论上,在ES6中,只要数据具有Iterator接口,都可以进行数组的解构赋值。
使用数组的方式进行变量解构赋值,只需要将待赋值的变量和它们对应的值分别包在数组中,再使用等号赋值就可以了。
// 普通模式
let a=1, b=2, c=3;
console.log(a,b,c); // 1 2 3
// es6结构赋值
let [a,b,c] = [1,2,3];
console.log(a,b,c) // 1 2 3
如上所示,右边数组中的值会按顺序的赋给左边数组中的变量。解构赋值也可以使用嵌套写法。如果等号两边的数组元素数量不相等,依然可以解构成功,同样按顺序一一对应赋值,没有对应值的变量则返回 undefined。
let [a,b,c] = [1,2];
console.log(a,b,c); // 1 2 undefined
let [,m,n] = ['hell