如何迭代对象数组并更改redux中的属性？

Question

我的状态中有这个数组：

state:{     
   items:[{id:0},{id:1},{id:2},{id:3}]
}

我可以做到： 我可以删除其中一个对象，例如，第二个，数组会是这样的：

 items:[{id:0},{id:2},{id:3}]

我想做什么（我需要帮助）

我想遍历数组并将 id 设置为数组中它自己的索引位置，变成这样：

 items:[{id:0},{id:1},{id:2}]

因此，具有 Id:2 和 Id:3 的对象将根据其新的索引位置分别设置为 Id:1 和 Id:2。

我怎样才能实现它？

我在reducer中使用下面的代码来删除想要的对象：

if(action.type==='deleteItem'){
    return{
        ...state,
        items:[
            ...state.items.slice(0,action.index),
            ...state.items.slice(action.index+1),
        ]

    }
}

如何实现它以根据数组的新索引位置更改数组每个对象中的 Id 属性？

感谢大家的关注！

Answer 1

您可以在删除一项后映射结果数组，如下所示：

return {
    ...state,
    items: [
        ...state.items.slice(0,action.index),
        ...state.items.slice(action.index + 1),
    ].map((item, index) => ({ ...item, id: index }))
}