如何避免splice导致的数组混乱

在JavaScript中，splice() 方法用于向数组添加或删除元素。当使用 splice() 时，可能会导致数组混乱，因为它会直接修改原始数组。为了避免这种情况，你可以采取以下方法：

1. 使用 slice() 创建原数组的副本：

const originalArray = [1, 2, 3, 4, 5];
const newArray = originalArray.slice();

然后，你可以在新数组上使用 splice()，而不会影响原始数组。

newArray.splice(2, 0, 'newItem'); // 在索引2处插入'newItem'
console.log(originalArray); // [1, 2, 3, 4, 5]
console.log(newArray);      // [1, 2, "newItem", 3, 4, 5]

2. 使用扩展运算符（...）创建原数组的副本：

const originalArray = [1, 2, 3, 4, 5];
const newArray = [...originalArray];

同样，在新数组上使用 splice() 不会影响原始数组。

3. 使用 Array.from() 创建原数组的副本：

const originalArray = [1, 2, 3, 4, 5];
const newArray = Array.from(originalArray);

在新数组上使用 splice() 不会影响原始数组。

总之，为了避免 splice() 导致的数组混乱，请确保在对数组进行操作之前创建一个副本。这样，你可以在副本上进行修改，而不会影响到原始数组。