JS对传递值的数组sort(),原数组也被排序了,原理是什么?怎么复制数组sort()后不影响原数组?

mc_zone
  • 282

详看代码:

var numbers = [4, 2, 5, 1, 3],
    n1 = numbers,
    n2 = numbers;
n1.sort(function(a, b) {
    return a - b;
});
console.log(numbers,n1,n2);//结果都是[1,2,3,4,5]

谁能否给解释一下原理,另外怎样能够复制数组sort()之后不影响原数组?

回复
阅读 13.5k
6 个回答
godlike的世界
  • 92
✓ 已被采纳

进行对象赋值的时候,赋值的是对象的引用。可以copy一个对象实现。

var numbers = [4, 2, 5, 1, 3],
    n1 = numbers.slice(0),
    n2 = numbers;
n1.sort(function(a, b) {
    return a - b;
});
console.log(numbers,n1,n2);

这里n2和numbers还是一个对象,但n1是另一个对象,只是对象的内容一样而已。

var numbers = [4, 2, 5, 1, 3],
    n1 = numbers.slice(0),
    n2 = numbers;
n2 == numbers //true
n1 == numbers //false

原因是n1,n2都是numbers的引用,显然sort方法改变了引用数组。如果你需要保存原数组,最好的方法就要复制一份

var numbers = [4, 2, 5, 1, 3]
var numbers2 = []

for(var i=0;i<numbers.length;i++){
    numbers2[i] = numbers[i]
}
numbers.sort(function(a, b) {
    return a - b;
});
console.log(numbers,numbers2);

因为数组是对象,所以赋值是数据引用类型,所以改变会影响到原来的变量的值。
如果想不影响原先的数组,可以复制数组传递给新变量,这样改变新变量就不会影响到原来的变量的值。

var numbers = [4, 2, 5, 1, 3];
var f=[];
for(var i=0;i<numbers.length;i++){
    f[i]=numbers[i];
}
n1=f;

js的数组和普通的"a linear collection of elements"不同,他其实是对象,对应访问数组的索引其实是对象的属性,你的方式很明显是shallow copy,所以引用指向未变;
解决方案:deep copy一份就好了

这就是PHP程序猿最容易弄混淆的地方 —— PHP中的array默认是传值的,据说采用了写时复制的技巧,所以在PHP中类似的代码n1排序后n2和numbers是不会变的 —— 然而JS中array是个对象,是按引用传递的!
偶也曾犯过类似的错误,写PHP多了,就容易忘记其他语言中array是传引用。
额,据初步统计,除了JavaScript,像C,C++, C#, Python, Java和Ruby中的数组都是传引用,而传值的目前偶只晓得有PHP —— PHP果然是“世界上最好的语言”

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏