我有一個這樣的物件：
{
'icon':'info',
'size':'small',
'content':'label'
}
我正在嘗試將其拆分為一組新物件，其中每個物件有一個屬性：
{'icon':'info'}, {'size':'small'} , {content':'label}
我想我可以像這樣使用 Object.entries 來做到這一點：
Object.entries(controlsObject).map(prop => ({ prop }))
但這真的不適合我 - 還有其他方法嗎？我哪里錯了？
uj5u.com熱心網友回復：
你應該這樣做：
Object.entries(controlsObject).map(([key, value]) => ({ [key]: value }))
uj5u.com熱心網友回復：
您可以使用 Object.entries 實作此目的并減少：
const t = {
'icon':'info',
'size':'small',
'content':'label'
}
function objToArr(obj){
return Object.entries(obj).reduce((acc, curr)=>{
return [...acc, {[curr[0]]:curr[1] }]
},[])
}
console.log(objToArr(t))
[ { icon: 'info' }, { size: 'small' }, { content: 'label' } ]
uj5u.com熱心網友回復：
您可以使用計算屬性名稱來構造物件：
const obj = {
'icon':'info',
'size':'small',
'content':'label'
}
const res = Object.entries(obj).map(e => ({ [e[0]]: e[1] }))
console.log(res)uj5u.com熱心網友回復：
嘗試這個：
Object.entries(x).map(([k, v]) => ({ k:v }))
PSk是關鍵，v也是價值
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/455818.html
標籤：javascript 目的
上一篇：查找陣列內2個值之間的差異