JavaScript中如何让oneArray保持初始值不受myArray修改影响？

你遇到的核心问题是JavaScript中引用类型的特性：数组、对象这类引用类型，变量存储的并不是实际的数组内容，而是指向内存中数组对象的"地址"。当你写const oneArray = myArray时，只是让oneArray和myArray指向了同一个数组对象，并没有复制出一份新数组。所以修改myArray指向的数组时，oneArray因为指向同一个对象，结果自然跟着变。

const关键字只是限制oneArray不能被重新赋值为其他数组/值，但完全管不了数组内部元素的修改——这就是为什么换const没用的原因。

要让oneArray保持初始值，你需要创建原数组的副本（拷贝），而不是直接引用同一个对象。下面是几种常用的浅拷贝方法：

1. 扩展运算符（推荐，语法简洁） #

let myArray = [1, 2, 3];
const oneArray = [...myArray]; // 创建新数组副本

console.log(myArray); // [1,2,3]
console.log(oneArray); // [1,2,3]

myArray.pop();

console.log(myArray); // [1,2]
console.log(oneArray); // [1,2,3] —— 保持初始值不变

2. Array.slice() 方法 #

slice()不传参数时会返回原数组的完整副本：

const oneArray = myArray.slice();

3. Array.from() 方法 #

专门用于从可迭代对象（比如数组）创建新数组：

const oneArray = Array.from(myArray);

如果你的数组里嵌套了对象或其他数组（比如[1, {name: 'test'}, [4,5]]），上面的浅拷贝方法只会复制外层数组，内部的对象/数组还是共享同一个引用。这时候需要用深拷贝，常用的简单方法是：

const oneArray = JSON.parse(JSON.stringify(myArray));

但这个方法有局限性：无法拷贝函数、Symbol类型，也处理不了循环引用的对象。如果需要更严谨的深拷贝，可以自己实现递归拷贝逻辑，或者使用第三方库（比如Lodash的_.cloneDeep）。

内容的提问来源于stack exchange，提问作者Noah J