Javascript 对象运行时变化

Question

好吧，我认为我的问题是一个常见的 Javascript 问题。
A 有一个带有成功回调的简单 ajax 调用。
ajax 调用返回产品列表。现在我需要一个按 ID 排序并按日期排序的产品列表。

产品列表包含如下对象:

{
    Id: 12345,
    LastModified: "2015-01-05T14:53:18.493Z",
    Name: "Beer"
}

这是我的示例代码:

var prodsAll; 
var prodsNew;

$.ajax({
    url:"getProds.php",  
    success:function(res) {

        prodsAll= res;
        prodsNew = res;

        prodAll.sort(function (a, b) {
            return a.Id > b.Id ? 1 : -1;
        });

        prodNew.sort(function (a, b) {
            return new Date(b.LastModified).getTime() - new Date(a.LastModified).getTime();
        });


    }
});

无论我做什么，看起来我的所有列表都改变了!？
当我这样做时:

console.log(res);
console.log(prodsAll);
console.log(prodsNew);

我总是得到相同的结果:-/
怎么可能独立更改列表!？

Answer 1

这就是问题

prodsAll= res;
prodsNew = res;

它们对单个数组具有相同的引用，您可以像这样创建它的新副本

prodsAll = res;
prodsNew = res.slice();