두 개의 별도 자바 스크립트 개체의 속성이 연결되도록하는 방법

Question

동일한 배열을 가리키는 nodes이라는 속성을 할당하려는 Anuglar 서비스 안에 2 개의 개체가 있습니다. 이것을 올바른 방법일까요? 나는 내가 objectTwo.nodes[i]를 변경하면 다른 지금

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

을 변화 한 개체의 노드에 대한 변경 사항을 구성하는 때보고 있지 않다, 나는 i와 j는 인덱스 곳이 objectOne.nodes[j] 신청을 기대합니다 두 개의 서로 다른 객체에있는 동일한 노드 (순서가 맞지 않을 수 있기 때문에)에 대해, 그러나 나는 이것을 보지 않을 것이다. 노드를 objectTwo에 넣을 때 잘못된 것을하고 있습니까?

추신 : 나는 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);