https://www.liaoxuefeng.com/wiki/1022910821149312/1023021187855808?residentId=asadf&nodeId=213324435 廖雪峰官网
数组解构赋值
// 之前需要取arr里面的值 以前是这样 let arr = [‘name‘,‘age‘,‘gender‘] let name = arr[0] let age = arr[1] let gender = [2]
// 解构赋值可以这样 let arr = [‘name‘,‘age‘,‘gender‘] let [name] = arr console.log(name) //结果 为name
对象解构赋值 PS:越发感觉对象解构赋值 很厉害
场景一:后台返回一个对象,里面只有几个是需要的自己存起来的。这个时候就可以解构赋值 感觉对象解构赋值用的最多
// 之前需要一个一个取 var person = { name: ‘小明‘, passport: ‘G-12345678‘, school: ‘No.4 middle school‘, age: 20, gender: ‘male‘, }; var name = person.name var gender = person.gender
// 使用解构赋值 var person = { name: ‘小明‘, passport: ‘G-12345678‘, school: ‘No.4 middle school‘, age: 20, gender: ‘male‘, }; var {name,gender} = person console.log(name,gender)
解构赋值还可以使用默认值,这样就避免了不存在的属性返回undefined
的问题:
// 使用解构赋值 var person = { passport: ‘G-12345678‘, school: ‘No.4 middle school‘, age: 20, gender: ‘male‘, }; var {name="kobe",gender} = person console.log(name,gender) //kobe male
原文:https://www.cnblogs.com/TreeCTJ/p/11366463.html