在 JavaScript 中替换数组的第一个元素

替换数组的第一个元素

Replace the first Element of an Array in JavaScript

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

索引.js
// 👇️ with Mutation const arr1 = ['Alice', 'Bob', 'Charlie']; arr1[0] = 'John'; console.log(arr1); // 👉️ ['John', 'Bob', 'Charlie'] // 👇️ without Mutation ------ const arr2 = ['Alice', 'Bob', 'Charlie']; const newArr = ['Replacement Here', ...arr2.slice(1)]; console.log(newArr); // 👉️ ['Replacement Here', 'Bob', 'Charlie'] console.log(arr2); // 👉️ ['Alice', 'Bob', 'Charlie']

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

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

Assigning a new value to the array element at index 0 changes the contents of
the original array. If you don’t want to change the array, use the second
approach instead.

The second example uses the
spread operator (…)
and the
Array.slice
method to get a new array containing the replacement, without changing the
original array.

The parameter we passed to the slice method is the start index – the index
of the first element to be included in the new array.

The slice method returns a new array, without changing the original array.

An easy way to think about the spread operator (…) is that we are taking the elements from the array and unpacking them into the new array.

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

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

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