ES6学习笔记3--变量的解构赋值

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

• 数组的解构赋值

数组的解构赋值：元素按次序排列，变量的取值由它的位置决定

let [a,b,c] = [1,2,3]
//等价于
let a = 1;
let b = 2;
let c = 3;

这种写法被称为"模式匹配"，只要等号两边的模式相同，左边的变量就会被赋予对应的值。

let [ , ,third] = ["foo","bar","baz"]

thrid // baz

let [head,...tail] = [1,2,3,4];
head // 1 
tail //[2,3,4]

let [x,y,...z] = ['a']
x //a
y //undefined
z //[]


//如果解构不成功，变量的值就等于 undefined

let [foo] = [];
let [bar,foo] = [1]

foo // undefined

//不完全解构，即等号左边的模式，只匹配一部分的等号右边的数组。

let [x,y] = [1,2,3]
x //1
y //2

let [a,[b],d] = [1,[2,3],4]
a //1
b //2
d //4

//如果等号右边的不是数组，不是一个可遍历的结构，则不可进行解构
//只要某种数据结构具有Iterator 接口,都可以采用数组形式的解构赋值
let [x, y, z] = new Set(['a', 'b', 'c']);
x /