在不改变原始数组的情况下添加到数组 - Javascript

在Javascript中，我们经常需要向数组添加元素。但是，有时我们需要添加元素而不改变原始数组。本文将介绍三种在不改变原始数组的情况下添加元素的方法。

方法1：使用concat()

可以使用concat()方法将两个或多个数组合并为一个新数组，而不改变原始数组。使用这种方法添加单个元素需要将其作为单独数组传递给concat()方法。

const originalArray = [1, 2, 3];
const newArray = originalArray.concat(4);
console.log(originalArray); // [1, 2, 3]
console.log(newArray); // [1, 2, 3, 4]

方法2：使用slice()和spread语法

可以使用slice()方法复制一个数组，然后使用扩展语法(...)将要添加的元素附加到新数组的末尾。这种方法还不会改变原始数组。

const originalArray = [1, 2, 3];
const newArray = [...originalArray, 4];
console.log(originalArray); // [1, 2, 3]
console.log(newArray); // [1, 2, 3, 4]

方法3：使用Array.from()

可以使用Array.from()方法创建一个新数组，并向其中添加元素，而不改变原始数组。

const originalArray = [1, 2, 3];
const newArray = Array.from(originalArray).concat(4);
console.log(originalArray); // [1, 2, 3]
console.log(newArray); // [1, 2, 3, 4]

以上这三种方法都可以在不改变原始数组的情况下向其添加元素。选择哪种方法取决于您的偏好和代码上下文。