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

Question

I have 2 objects inside an anuglar service that I want to assign a property called nodes that points to the same array. Is this the correct way to do it? I am not seeing that the when I make changes to the nodes on 1 object the other is changing

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.
})

Now if I make a change to objectTwo.nodes[i] , I expect this to apply for objectOne.nodes[j] where i and j are the index for the same node in the 2 different objects (since ordering might not match),but I am not seeing this. Am i doing something wrong when I push the nodes into objectTwo ?

PS: I am making the change to objectTwo node on the DOM and both objectOne and ObjectTwo are in mem variables on my service.

Answer 1

If you push the same reference of the object, the new array should affect the source as well.

 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; } 

Answer 2

A little help :

 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);