迹忆客 专注技术分享

要替换数组的第一个元素，请使用括号表示法 [] 访问索引 0 处的数组元素并使用替换项更改其值，例如 arr[0] = 'replacement'。

// 👇️ with Mutation
const arr1 = ['Alice', 'Jiyik', 'Charlie'];

arr1[0] = 'John';
console.log(arr1); // 👉️ ['John', 'Jiyik', 'Charlie']

// 👇️ without Mutation ------
const arr2 = ['Alice', 'Jiyik', 'Charlie'];

const newArr = ['Replacement Here', ...arr2.slice(1)];
console.log(newArr); // 👉️ ['Replacement Here', 'Jiyik', 'Charlie']

console.log(arr2); // 👉️ ['Alice', 'Jiyik', 'Charlie']

我们的第一个示例展示了如何通过使用方括号 [] 直接访问索引 0 处的数组元素并更改其值来替换数组中的第一个元素。

索引在 JavaScript 中是从零开始的，这意味着第一个数组元素的索引为 0，最后一个元素的索引为 array.length - 1。

为索引 0 处的数组元素分配新值会更改原始数组的内容。 如果您不想更改数组，请改用第二种方法。

第二个示例使用展开运算符 ... 和 Array.slice 方法来获取包含替换项的新数组，而不更改原始数组。

我们传递给 slice 方法的参数是起始索引——要包含在新数组中的第一个元素的索引。

slice 方法返回一个新数组，而不改变原始数组。

考虑展开运算符 (...) 的一种简单方法是，我们从数组中取出元素并将它们解包到新数组中。

确保在调用 slice 方法之前包含替换元素，因为顺序会保留在新数组中。

这是替换数组第一个元素的更间接的方法，但它不会更改原始数组的内容，而这正是我们大多数时候想要的。

在代码库中很难跟踪和推断突变，尤其是当同一个数组或对象在不同位置发生多次突变时。