2つの別々のJavaScriptオブジェクトのプロパティを確実にリンクする方法

Question

同じ配列を指すnodesというプロパティを割り当てるAnuglarサービス内に2つのオブジェクトがあります。これは正しい方法ですか？私は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]に変更を加える場合は今、私はこれはi、jは、インデックスされているobjectOne.nodes[j]の申請を期待していることを見ていないです2つの異なるオブジェクトの同じノードに対して（順序が一致しない可能性があるため）、これは表示されません。ノードをobjectTwoにプッシュすると何か問題が起きますか？

PS：私はDOMのobjectTwoノードに変更を加えています。また、objectOneとObjectTwoの両方が私のサービスのmem変数にあります。

Answer 1

オブジェクトの同じ参照をプッシュすると、新しい配列がソースにも影響するはずです。

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

少し助け：

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