js 将数组里相同name合并并将value值放到一个数组里 有什么高效便捷的方法？

Question

原始数据

let arr = [
  {
    name: "主场馆",
    value: "摄像头一",
    unit:'a',
    type:'类型一'
  },
  {
    name: "主场馆",
    value: "摄像头二",
    unit:'b',
    type:'类型二'
  },
  {
    name: "主场馆",
    value: "摄像头三",
    unit:'c',
    type:'类型三'
  },
  {
    name: "体育馆",
    value: "摄像头一",
    unit:'a',
    type:'类型一'
  },
  {
    name: "体育馆",
    value: "摄像头二",
    unit:'a',
    type:'类型二'
  }
];

合并之后

let newArr = [
  {
    name: "主场馆",
    values: [{
        cameraName:"摄像头一",
        unit:'a',
        type:'类型一'
    },
    {
        cameraName:"摄像头二",
        unit:'b',
        type:'类型二'
    },{
        cameraName:"摄像头三",
        unit:'c',
        type:'类型三'
    }],
  },
  {
    name: "体育馆",
    values: [{
        cameraName:"摄像头一",
        unit:'a',
        type:'类型一'
    },
    {
        cameraName:"摄像头二",
        unit:'b',
        type:'类型二'
    },{
        cameraName:"摄像头三",
        unit:'c',
        type:'类型三'
    }],
  },
];

Answer 1

let arr = [
  {
    name: "主场馆",
    value: "摄像头一"
  },
  {
    name: "主场馆",
    value: "摄像头二"
  },
  {
    name: "主场馆",
    value: "摄像头三"
  },
  {
    name: "体育馆",
    value: "摄像头一"
  },
  {
    name: "体育馆",
    value: "摄像头二"
  },
  {
    name: "体育馆",
    value: "摄像头三"
  }
];
Object.entries(
  arr.reduce(
    (prev, next) => ({
      ...prev,
      [next.name]: [...(prev[next.name] || []), next.value]
    }),
    {}
  )
).map(([name, value]) => ({ name, value }));

更改后

Object.entries(
  arr.reduce(
    (prev, next) => ({
      ...prev,
      [next.name]: [...(prev[next.name] || []), { ...next }]
    }),
    {}
  )
).map(([name, value]) => ({ name, value }));

Answer 2

看我的：

var result = [...new Set(arr.map(row=> row.name))].map(key=> ({
    name: key, values: arr.filter(row=> row.name==key).map(row=> row.value)
}))
console.log(result)

更多字段：

var result = [...new Set(arr.map(row=> row.name))].map(key=> ({
    ...arr.filter(row=> row.name==key)[0],
    values: arr.filter(row=> row.name==key).map(row=> row.value)
}))
console.log(result)

Answer 3

let obj = {};
let newArr = [];
arr.forEach(item => {
    if (obj[item.name]) {
        obj[item.name].push(item.value);
    } else {
        obj[item.name] = [item.value];
     }
})
Object.keys(obj).forEach(key => {
   newArr.push({
       name: key,
       value: obj[key]
   })
})