Vuejs 對(duì)象常用操作：取對(duì)應(yīng)的值，取key和value值,轉(zhuǎn)數(shù)組，合并等

1.?取得某一個(gè)屬性的值

let obj = {'name':'lxc','age':26}

方法一：點(diǎn)號(hào)作符? obj.name

方法二：方括號(hào)作符：obj[name]

方法三：解構(gòu)賦值 let {name} = obj

...

2.取得對(duì)象的key和value值

let obj = {'name':'lxc','age':26}

取Object key值

方法一：Object.keys(obj) //['name','age'] 返回一個(gè)字符串?dāng)?shù)組

方法二：for in

for(let i in obj){

console.log(i); //name,age

}

...

Object value值

方法一：Object.value(obj) //['lxc',26] 返回一個(gè)字符串?dāng)?shù)組

方法二：for in

for(let i in obj){

console.log(obj[i]); //lxc,26

}

方法三：map

Object.keys(obj).map((key)=>{ console.log(obj[key])})??//lxc,26

3.對(duì)象合并(會(huì)將key值相同的進(jìn)行覆蓋去重作）

方法一：Object.assign

? ? ? const a = { a: 1, b: 4 }

? ? ? const b = { b: 2, c: 3 }

? ? ? console.log(Object.assign(a, b));

方法二：擴(kuò)展運(yùn)算符

? ? console.log({ ...a, ...b });

注：展開運(yùn)算符的只進(jìn)行淺拷貝，不支持深拷貝。Object.assign()方法會(huì)修改目標(biāo)對(duì)象。如果不希望修改原對(duì)象，需要提供一個(gè)空對(duì)象作為目標(biāo)對(duì)象。此外，Object.assign()方法只能合并頂層的屬性，不支持遞歸地合并嵌套對(duì)象。

4.對(duì)象轉(zhuǎn)為數(shù)組

方法一：只需要對(duì)象的key或value轉(zhuǎn)化為數(shù)組

通過上面的Object.key、value等方法實(shí)現(xiàn)

方法二：通過for in 整理成想要的數(shù)組

方法三：object.entries

路過的幫忙點(diǎn)一下贊唄~~