JavaScript中const声明的数组为何会被意外修改？

兄弟，我完全懂你这种困惑！当初我第一次碰到JavaScript引用类型的坑时，也跟你一样摸不着头脑😅 咱们一步步拆解这个问题：

核心原因：数组是引用类型，赋值传递的是引用而非副本 #

在JavaScript里，数组、对象这类复杂类型都是引用类型。当你写let arMin = arr;的时候，并不是把arr里的元素复制了一份给arMin，而是把arr指向内存中那个数组的"地址"（引用）复制给了arMin。也就是说：

• arr、arMin、arMax这三个变量，其实都指向同一个数组实例
• 不管你通过哪个变量去修改数组（比如删除元素、修改某个值），本质上都是在修改内存里的同一个数组，所以另外两个变量自然也会看到变化

为什么const声明的arr还能被修改？ #

很多人会误解const的作用——const只是保证变量本身的引用不能被重新赋值，比如你不能写arr = [6,7,8];（这会报错），但它完全不限制你修改引用指向的对象内部的内容。对于数组来说，修改元素、删除元素、改变长度这些操作，都属于修改对象内部，所以const管不着。

怎么解决？创建数组的独立副本 #

要让arMin和arMax变成独立的数组，不会影响原arr，你需要创建原数组的副本，常用的方法有这几种：

• 扩展运算符：let arMin = [...arr];
• slice方法：let arMin = arr.slice();
• Array.from：let arMin = Array.from(arr);

修正后的代码示例 #

const arr = [1, 2, 3, 4, 5];
// 创建独立副本，不再共享引用
let arMin = [...arr];
let arMax = [...arr];

// 从arMin删除最大值
const minMaxVal = Math.max(...arMin);
arMin.splice(arMin.indexOf(minMaxVal), 1);
// 从arMax删除最小值
const maxMinVal = Math.min(...arMax);
arMax.splice(arMax.indexOf(maxMinVal), 1);

console.log(arr); // [1,2,3,4,5] 原数组完全不受影响
console.log(arMin); // [1,2,3,4]
console.log(arMax); // [2,3,4,5]

关于delete方法的问题 #

你提到用delete会把元素变成empty还影响arr，这也是同样的原因——delete是在修改共享的那个数组。而且delete本身并不适合用来删除数组元素（它会留下空位，数组长度不变），更推荐用splice()或者filter()来删除元素，同时配合数组副本使用就不会影响原数组了。

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