从 API 结果覆盖索引数组

Question

在 redux 状态下覆盖数组索引时遇到问题：/

我正在从端点接收数据，结果是：

例如

data: 
 [{
    0: {id: 123, name: test1 },
    1: {id: 456, name: test2 },
    3: {id: 789, name: test3 },
 }]

但我想根据结果对象更改数组的索引。

data:
 [{
    123: {id: 123, name: test1 },
    456: {id: 456, name: test2 },
    789: {id: 789, name: test3 },
 }]

然后将这些保存到reducer。

这是从端点返回的确切数据。

我试过了

let data = action.payload.data.map(item => {
    return {
        [item.id]: item
    }
})

得到结果

[
0: {123: {id: 123, name: 'test1'}},
1: {456: {id: 456, name: 'test2'}}
]

非常感谢任何帮助！

Answer 1

Array.map()、Object.values() 和 Array.reduce() 的组合一定可以解决问题：

const data = [{

0: {id: 123, name: "test1" },

1: {id: 456, name: "test2" },

3: {id: 789, name: "test3" },

}];

const output = data.map(obj => Object.values(obj).reduce((acc, a) => ({ ...acc, [a.id]: a }), {}));

console.log(output);

Answer 2

你可以使用map和Object.entries和Object.fromEntries

let data = [{0: { id: 123,name: 'test1'},1: {id: 456,name: 'test2'}, 3: {id: 789,name: 'test3'},}]

let op = data.map(val => Object.fromEntries(Object.entries(val).map(([key, value]) => [value.id, value])))

console.log(op)

或者你可以使用map和Object.values和reduce

let data = [{0: { id: 123,name: 'test1'},1: {id: 456,name: 'test2'}, 3: {id: 789,name: 'test3'},}]

let op = data.map(val=> {
  let values = Object.values(val)
  let obj = values.reduce((op, inp) => {
    op[inp.id] = inp
    return op
  },{})
  return obj  
})

console.log(op)