如何根据 react js / javascript 中的属性值对动态对象数组进行分组

Question

我有一个这样的对象 -[{"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}}我怎样才能做到这一点？

Answer 1

使用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);

Answer 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);

Answer 3

如果你想要对象数组，那么这个呢？

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}})