ES6 解构赋值

解构赋值

解构赋值可以方便快速的从数组或者对象中提取赋值给定义的变量。

获取数组中的值

从数组中获取值并赋值到变量中，变量的顺序与数组中对象顺序对应。

var foo = [1,2,3,4,5]

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

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

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

也可以先声明变量

var a,b

[a,b] = [1,2]

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

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

var a,b

[a=5,b=7]=[1]

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

方便的交互两个变量的值

var a=1
var b = 3

[a,b]=[b,a]

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

获取对象中的值

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