如何确保两个单独的 javascript 对象的属性被链接

Question

我在 anuglar 服务中有 2 个对象，我想分配一个名为 nodes 的属性，该属性指向同一个数组。这是正确的方法吗？我没有看到当我对 1 个对象上的节点进行更改时，另一个对象正在更改

objectOne.nodes = [o1, o2, o3];
objectTwo.nodes = [];
angular.forEach(objectOne.nodes, function(n){
    objectTwo.nodes.push(n); // based on some logic not all n assigned to the objectTwo, some might go to objectThree.
})

现在，如果我更改 objectTwo.nodes[i]，我希望这适用于 objectOne.nodes[j]，其中 i 和 j 是 2 个不同对象中同一节点的索引（因为排序可能不匹配），但我是没有看到这个。当我将节点推送到objectTwo 时，我做错了什么吗？

PS：我正在对 DOM 上的 objectTwo 节点进行更改，并且 objectOne 和 ObjectTwo 都在我的服务的 mem 变量中。

Answer 1

一点帮助：

var div = document.createElement("div");
var a = {}, b = {};
a.nodes = b.nodes = [];
a.nodes.push(div);
div.style.color = "blue";
console.log(a.nodes[0].style.color);
console.log(b.nodes[0].style.color);
div.style.color = "red";
console.log(a.nodes[0].style.color);
console.log(b.nodes[0].style.color);

Answer 2

如果你推送对象的相同引用，新数组也应该影响源。

var objectOne = {}, objectTwo = {}, objectThree = {};

objectOne.nodes = [{ id: 1, name: 'o1' }, { id: 2, name: 'o2' }, { id: 3, name: 'o3' }];
objectTwo.nodes = [];
objectThree.nodes = [];

objectOne.nodes.forEach(function (o) {
    o.id % 2 ? objectTwo.nodes.push(o) : objectThree.nodes.push(o);
});

objectTwo.nodes[1].name += '+';

console.log(objectOne);
console.log(objectTwo);
console.log(objectThree);

.as-console-wrapper { max-height: 100% !important; top: 0; }