es6解构赋值

一、解构赋值

一、解构数组

1. 获取其中任意位

var arr=[11,22,33,44]
//es5：console.log(arr[0],arr[1],arr[2],arr[3])
var [a,b,c,d]=arr
consoloe.log(a,b,c,d)
//es6解构赋值
var [,b,d]=arr
console.log(b,d)
//[22,44]

2. 获取任意位组成新数组，语法为

var arr=[11,22,33,44]
var [,...newarr]=arr //这里...obj将项合成数组
console.log(newarr)
console.log(...newarr)//这里...obj将数组解开
//[22,33,44]

二、解构对象

可直接const{}=obj对象解构

const obj={
name:'lsl',
age:'23'
}
//const name=obj.name
//const age=obj.age
//上面为es5实现，以下为es6解构赋值
const {name,age}=obj
console.log(name)
console.log(age)

• 重新命名使用冒号即可：const{name:name-1,age}
• 常用的嵌套对象解构：

const res={
	data:{
		message:[1,2,3,4]
		con:4
	}
}
const {res:{message,con}}=res