ES6 解构赋值

解构赋值
解构赋值可以方便快速的从数组或者对象中提取赋值给定义的变量。
获取数组中的值
从数组中获取值并赋值到变量中，变量的顺序与数组中对象顺序对应。

1
2
3
4
5
var foo = [1,2,3,4,5]
var [one,twe,three] = foo
console.log(one)//1
console.log(twe)//2
console.log(three)//3

如果想要会略某些值，则可以

1
2
3
var [first,,last] = foo
console.log(first)//1
console.log(last)//5

也可以先声明变量

1
2
3
4
var a,b
 [a,b] = [1,2] 
console.log(a)//1
console.log(b)//2

如果没有从数组中获取到值，可以为变量设置一个默认值

1
2
3
4
5
6
var a,b
 
 [a=5,b=7]=[1]

console.log(a)//1
console.log(b)//7

方便的交互两个变量的值

1
2
3
4
5
6
7
var a=1
var b = 3
 
[a,b]=[b,a]
 
console.log(a)//3
console.log(b)//1

获取对象中的值

1
2
3
4
5
6
7
8
9
10
11
const student={
name:'xxx',
age:'19',
city:'bj'
}

const {name, age,city}=student

console.log(name)//xxx
console.log(age)//19
console.log(city)//bj