如何返回修改后的数组

Question

我有一个简单的 function 接收一组对象和一个已修改的 object。 目标是在旧的对象数组中交换修改后的 object，然后记录更新的对象数组

我的看法：

 async mutateTodos(currentTodos: ITodos[], editedTodo: ITodos) {
    const Index = currentTodos.findIndex((el) => el.id === editedTodo.id);
    const updatedTodos = currentTodos.splice(Index, 1, editedTodo);
    console.log(updatedTodos);
  }

出于某种原因，updatedTodos 仅返回一个包含旧 object 的数组，该数组位于已正确识别的索引处。 我无法理解为什么这不起作用

Answer 1

splice改变调用方法的数组。 返回值不是那个变异的数组，而是从中删除的数组切片。 在这种情况下，它是一个带有旧待办事项的数组。

有很多方法可以得到你想要的结果。 例如，您可以先创建一个副本，然后对其调用splice ，然后返回该变异副本。

    const updatedTodos = [...currentTodos];
    updatedTodos.splice(Index, 1, editedTodo);
    console.log(updatedTodos);