屬性簡寫

let a = 1; let obj = { a } console.log(obj) //{a:1}

可計算的屬性值

let count = 0function addcount(key) {return `${key}_${count++}`}const nameKey = 'name';const agekey = "age";const jobKey = "job";let person = {[addcount(nameKey)]: 'Matt',[addcount(agekey)]: 27,[addcount(jobKey)]: '小明'}console.log(person) //{name_0:'Matt',age_1,27,job_2:'小明'}console.log(nameKey) //name、

簡寫的方法名?

?

let obj2 = {// sayName: function (name) {// console.log(name)// }// 簡寫sayName(name) {console.log(name)}}obj2.sayName('執行了')

解構賦值?

可以設置默認值,對象中屬性值為undefined或為空時，默認值生效

【注意】：直接解構null或undefined會拋出錯誤

數組解構賦值

let [a,b]=[1,2] //交換兩個變量的值 let[a,b]=[b,a] //擴展運算符的運用 let[a,...b]=[1,2,3]　 //有默認值 右側的參數等于undefined，默認值生效 let[a=3,b]=[1,2]

對象解構賦值

let {a,b}={a:1,b:2} //等價于 let {a:a,b:b}={a:1,b:2};let{a,...b}={a:1,b:2,c:3}

嵌套解構?

可以通過嵌套解構復制對象數組

let person = {name: '小紅',age: 12,say: {talk: '脫口秀'}};let personCopy = {};({ name: personCopy.name, age: personCopy.age, say: personCopy.say } = person)console.log(personCopy)let { say: { talk } } = person;console.log(talk) // "脫口秀"

參考上下文匹配

//在參數列表中進行解構賦值let person = {name: '小紅',age: 12};function woman(color, { name, age }, sex) {//對參數解構賦值不會影響arguments對象console.log(arguments)console.log(name, age)}woman('red', person, '女')

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的对象的基础用法和解构赋值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。