javascript - 为什么过滤新的 JSON 对象会导致旧对象 self 更新？

Question

我有一个名为 arr 的 JSON 数组和一个从 arr 创建的名为 new_arr 的新数组。

var arr = {"data":
 [
  {"name":"Alan","height":"171","weight":"66"},
  {"name":"Ben","height":"182","weight":"90"},
  {"name":"Chris","height":"163","weight":"71"}
 ]
};

var new_arr = arr;

new_arr.data = jQuery.grep(new_arr.data, function(n, i){
  return n.weight > 70;
});

数组 arr 和 new_arr 都变成:

{"data":
 [
  {"name":"Ben","height":"182","weight":"90"},
  {"name":"Chris","height":"163","weight":"71"}
 ]
};

我的问题是:“为什么修改新数组会改变旧数组？”

Answer 1

没有新数组。它只是对旧数组的新引用。
在另一个例子中尝试:

var a = {};
var b = a;
// check to see if they are equal
alert(a === b);
// modify one of them 
b.foo = 'bar';
 // check to see if they are equal
alert(a === b);
// modify one of them 
a.bar = 'foo';
 // check to see if they are equal
alert(a === b);

a 和 b 引用同一个对象，因此，当您修改 a 时，您也修改了 b等等。

如果你使用 jquery，你应该使用 extend 方法:

var new_arr = $.extend(true,arr);