object解构赋值

Posted qjb2404

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了object解构赋值相关的知识,希望对你有一定的参考价值。

let options = {
  title: ‘menu‘,
  width: 100,
  height: 200
}
//如果简写,变量名必须和属性名一致
let {title,width,height} = options
console.log(title,width,height)
let {title:title2,width,height} = options
console.log(title2,width,height)

let {title, ...last} = options
console.log(title,last)

//嵌套对象
let options = {
  size: {
    width:100,
    height:200
  },
  items:[‘he‘,‘ee‘],
  extra: true
}
let {size:{width,height},items:[item1],extra} = options
console.log(width,height,item1,extra)

以上是关于object解构赋值的主要内容,如果未能解决你的问题,请参考以下文章

this和object解构赋值的方式

object解构赋值

对象的理解和解构赋值

js对象浅拷贝有解构赋值,assign2个方法吗?

ES6解构

35.JavaScript对象和数组的解构赋值基础详解let陷阱函数参数解构