1. 程式人生 > 其它 >js物件結構賦值const {XXX } =this

js物件結構賦值const {XXX } =this

樣例1:

const { xxx } = this.state;

上面的寫法是es6的寫法,其實就相當於:

const xxx = this.state.xxx

樣例2:

const {comment,index,deleteComment} = this
上面的這句話是一個簡寫,最終的含義相當於
const comment = this.comment
const index = this.index
const deleteComment = this.deleteComment

將一個物件展開並且將其中的部分屬性給另一個物件

示例:

原物件 a={ a1=xxx, b1=xxx, c1=xxx } 想得到的b物件 b={ a1=xxx, b1=xxx }

方法:

const {a1,b1} = a; const b ={a1,b1}

// 把a物件裡的a1,b1解構賦值

原理:

ES6解構賦值

物件的解構賦值是根據key值進行匹配

// 這裡可以看出,左側的name和右側的name,是互相匹配的key值

// 而左側的name匹配完成後,再賦值給真正需要賦值的Name

let { name:Name,age } = { name:'swr',age:28 }

console.log(Name) // 'swr'

console.log(age) // 28

本文來自部落格園,作者:懶得想名字丶丶,轉載請註明原文連結:https://www.cnblogs.com/wywblogs/p/15403400.html