屬性簡寫

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('執(zhí)行了')

解構(gòu)賦值?

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

【注意】：直接解構(gòu)null或undefined會拋出錯誤

數(shù)組解構(gòu)賦值

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

對象解構(gòu)賦值

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}

嵌套解構(gòu)?

可以通過嵌套解構(gòu)復制對象數(shù)組

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) // "脫口秀"

參考上下文匹配

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

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。