JS技术问题：sort函数为何同时修改原数组与目标数组？

这个问题其实是JavaScript里引用类型的特性和sort()方法的行为共同导致的，我来给你拆解清楚：

核心原因1：数组是引用类型 #

你代码里的sortedVolts = volts这一步，并没有复制数组本身，只是让sortedVolts这个变量和volts指向了内存中同一个数组对象。就好比两个人拿着同一把钥匙，打开的是同一个房间——不管谁修改房间里的东西，另一个人看到的都会是修改后的结果。

核心原因2：sort()是原地排序方法 #

JavaScript的Array.prototype.sort()方法是原地修改数组的，它不会创建一个新的排序后的数组返回，而是直接在调用它的数组本身上进行排序操作。所以当你调用sortedVolts.sort()时，本质上就是在修改volts指向的那个数组，自然会导致原数组也变成有序的。

另外还要提个小细节：你原代码里的sort()如果不带比较函数，会默认把数组元素转成字符串来排序，对于数字来说会出问题（比如10会排在2前面），所以排序数字一定要加比较函数(a, b) => a - b来实现升序。

修复方案：先创建数组副本再排序 #

要解决这个问题，你需要先创建一个原数组的副本，再对副本进行排序，这样就不会影响原数组了。常见的创建副本的方式有几种：

方式1：扩展运算符（ES6+） #

var volts = [];
var sortedVolts;
for (var count = 0; count < 3; count++) {
  volts.push(Math.floor(Math.random() * 100));
}
// 创建副本后排序
sortedVolts = [...volts].sort((a, b) => a - b);

方式2：slice()方法（兼容旧环境） #

sortedVolts = volts.slice().sort((a, b) => a - b);

方式3：Array.from()方法 #

sortedVolts = Array.from(volts).sort((a, b) => a - b);

这样处理后，volts会保持原本的无序状态，sortedVolts则是排序后的新数组。

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