浅谈es6之解构赋值

优点:能让我们快速的取到想要的值,对象解构可以不用考虑参数的位置
1、数组解构

let arr = [1,2,3]
//普通用法,定义多个变量接收数组元素
let a = arr[0]
let b = arr[1]
let c = arr[2]
console.log(a,b,c)//1,2,3
//es6用法,只需定义一次即可接收所有元素,左侧的[]用于接收变量而不是数组的意思,接收变量的个数如果大于数组元素的个数,则输出undefined
let [e,f,g,h] = arr
console.log(e,f,g,h)//1,2,3,undefined

2、对象解构

let obj = {name:'zhangshan',age:25}
//写法一:与对象属性匹配,用属性接收属性值
let {age,name} = obj
console.log(name,age,sex)//'zhangshan',25,undefined
//写法二:与对象的属性匹配,用属性值接收属性值
let {name:myname,age:myage} = obj
console.log(myname,myage)//'zhangshan',25

猜你喜欢

转载自blog.csdn.net/weixin_43901550/article/details/105667167