数组符值后,排序和修改,两个数组都会变的问题

前言

需求很简单,在Ajax取出数据后,分别把数据符给2个数组,只是这2个数组的排序方式不一样,假定数据是这样的:

var userArr = [{id : 1, age : 20}, {id : 2, age : 10}]; 
var sortByIdArr = userArr; 
var sortByAgeArr = userArr;

其中,sortByIdArr是按id排序,sortByAgeArr是按age排序,于是,我们的代码是这样的

sortByIdArr.sort(function(a, b){
   return b.id - a.id ;
});

sortByAgeArr.sort(function(a, b){
   return b.age - a.age;
});

逻辑上看来没什么问题,一个是按id排,一个是按age排序,可是结果却和我们预想的不太一样:这2个数组都是按age排序的!

分析

 如果是原生类型,比如说字符串和数字,那么 JavaScript 根据值来比较;如果是对象,那么要根据对象的引用来判断,也就是对象在内存中引用的地址

http://www.qttc.net/201307358.html

原文地址:https://www.cnblogs.com/sunhk/p/5670521.html