首頁猿問如何根據 react js /...

如何根據 react js / javascript 中的屬性值對動態對象數組進行分組

JavaScript

叮當貓咪 2023-03-18 15:03:02

我有一個這樣的對象 -[{"genericName":"genesName test","genericId":3,"code":"generics"},{"genericName":"genesName fhfghsd","genericId":8,"code":"generics"},{"genericName":"genesName fhld","genericId":11,"code":"generics"}]我想讓它像這樣 -{"generics": {"genericId": 3}},{"generics": {"genericId": 8}},{"generics": {"genericId": 11}}我怎樣才能做到這一點？

查看完整描述

3 回答

喵喵時光機

TA貢獻1846條經驗獲得超7個贊

使用map和解構

const data = [

{ genericName: "genesName test", genericId: 3, code: "generics" },

{ genericName: "genesName fhfghsd", genericId: 8, code: "generics" },

{ genericName: "genesName fhld", genericId: 11, code: "generics" },

];

const res = data.map(({ code, genericId }) => ({ [code]: { genericId } }));

console.log(res);

反對回復 2023-03-18

森林海

TA貢獻2011條經驗獲得超2個贊

您可以嘗試map以下方法Array：

const obj = [{

"genericName": "genesName test",

"genericId": 3,

"code": "generics"

}, {

"genericName": "genesName fhfghsd",

"genericId": 8,

"code": "generics"

}, {

"genericName": "genesName fhld",

"genericId": 11,

"code": "generics"

}]

const mapObjToResult = (item, idx, arr) => {

return {

[item.code]: {

genericId: item.genericId

}

const result = obj.map(mapObjToResult);

console.log(result);

反對回復 2023-03-18

幕布斯7119047

TA貢獻1794條經驗獲得超8個贊

如果你想要對象數組，那么這個呢？

let gens = [

{"genericName":"genesName test","genericId":3,"code":"generics"},

{"genericName":"genesName fhfghsd","genericId":8,"code":"generics"},

{"genericName":"genesName fhld","genericId":11,"code":"generics"}

]

result = gens.map(item => ({ [item.code] : {genericId: item.genericId}})

反對回復 2023-03-18

3 回答
0 關注
162 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何根據 react js / javascript 中的屬性值對動態對象數組進行分組

如何根據 react js / javascript 中的屬性值對動態對象數組進行分組

3 回答

添加回答