初识ES6 解构

Posted 2020-08-31 改变

1.数组的解构

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构

例子：

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

console.log(a);//1
console.log(b)://2
console.log(c)://3

上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。

本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子。

2.对象的解构

对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。

let {foo,bar}={bar:‘aaa‘,foo:‘bbb‘};

console.log(foo);//aaa

console.log(bar);//bbb

3.字符串解构

字符串也可以解构赋值。这是因为此时，字符串被转换成了一个类似数组的对象。

const [a,b,c,d,f]=‘hello‘;

console.log(a);//h

console.log(b);//e

console.log(c);//l

console.log(d);//l

console.log(e);//o