자바 스크립트 변수가 나는 자바 스크립트에서이 실행

Question

, 나는 증분 값을 설정하려는 배열 객체에 설정하지 :

var parts = {}; 
var parts_default = {success: function(){}, dane: "cos tam"}; 
for (var i = 1; i <= 3; i++) { 
    parts[i] = parts_default ; 
    parts[i].varX = i ; 
} 
console.log(parts); 

을 내가 가지고 결과 :

{ 
"1": { 
    "dane": "cos tam", 
    "varX": 3 
    }, 
    "2": { 
    "dane": "cos tam", 
    "varX": 3 
    }, 
    "3": { 
    "dane": "cos tam", 
    "varX": 3 
    } 
} 

변수 varX는, 같은 값 3을 가지고 있지만 아래 예상대로 :

{ 
"1": { 
    "dane": "cos tam", 
    "varX": 1 
    }, 
    "2": { 
    "dane": "cos tam", 
    "varX": 2 
    }, 
    "3": { 
    "dane": "cos tam", 
    "varX": 3 
    } 
} 

무엇이 잘못 되었나요?

Answer 1

당신은 루프에 같은 객체 parts 각 시간을 추가하고 있기 때문에 당신이 할 때

parts[i] = parts_default; 

복사 객체 참조, 그 대상이 아닙니다. 그러면 할 때

parts[i].varX = i; 

당신은 그 하나의 개체를 업데이트하고 있습니다.

당신은 이전의 자바 스크립트 엔진 polyfilled 할 수있는 새로운 Object.assign 기능과 객체를 복사 할 수 있습니다 :

var parts = {}; 
 
var parts_default = {success: function(){}, dane: "cos tam"}; 
 
for (var i = 1; i <= 3; i++) { 
 
    parts[i] = Object.assign({}, parts_default); 
 
    parts[i].varX = i ; 
 
} 
 
console.log(parts);

참고 모든 개체가 같은 success 기능을 공유 할 것입니다.

Answer 2

Object.create을 사용하여 새 개체를 만들 수 있습니다.

Object.create() 메서드는 지정된 프로토 타입 개체와 속성을 사용하여 새 개체를 만듭니다.

var parts = {}; 
 
var parts_default = { success: function() {}, dane: "cos tam" }; 
 
for (var i = 1; i <= 3; i++) { 
 
    parts[i] = Object.create(parts_default); 
 
    parts[i].varX = i; 
 
} 
 

 
console.log(parts);