重置 JavaScript 对象的 ID 属性

Question

我有一组像这样的对象

const initialState = [
  {
    id: 1, author: 'author 1', title: 'Book 1', category: 'Category 1',
  },
  {
    id: 2, author: 'author 2', title: 'Book 2', category: 'Category 2',
  },
  {
    id: 3, author: 'author 3', title: 'Book 3', category: 'Category 3',
  },
];

例如，如果删除了一个对象； id 为 2 的对象被删除。我想重置其余属性的 id 属性，以便它们遵循 1、2、3 的顺序...

我已经做到了；

let id = 1
state.forEach(object => {
  object.id = id
  id += 1
})

有更好的方法吗？喜欢使用地图功能吗？

Answer 1

只需使用索引即可改进您的代码

state.forEach((object, index) => {
  object.id = index + 1
})

您也可以按照您的建议使用 map 函数，但它会 return 一个新数组

const newArray = state.map((object, index) => {
  object.id = index + 1
})

Answer 2

如果您想遵循不可变的做法（如果这就是您所说的更好），您可以使用扩展运算符（或 Object.assign）：

const initialState = [
  {
    id: 1, author: 'author 1', title: 'Book 1', category: 'Category 1',
  },
  // commented out for demonstration: this element would be "removed".
  //{
    //id: 2, author: 'author 2', title: 'Book 2', category: 'Category 2',
  //},c
  {
    id: 3, author: 'author 3', title: 'Book 3', category: 'Category 3',
  },
];

const newState = initialState.map((obj, i) => ({ ...obj, id: i + 1 }));

console.log(initialState)
console.log(newState)

重置 JavaScript 对象的 ID 属性

Reset the id property of a JavaScript object

javascript

arrays

object