개체가 변경되지 않음

Question

for 루프에서 개체를 변경하려고합니다.

console.log(dish)은 ingredients 속성이 의 배열을 포함하고 dish 개체를 기록 할 것으로 예상됩니다.

dish.ingredients에 기록하면 성분을 기록합니다.

dish을 기록하면 성분없이 dish 개체가 기록됩니다.

왜 이런가요?

for (let dish of dishArray) { 
    dish['ingredients'] = [] 
    for (let ingredient of ingredientsArray) { 
    if (dish._id.equals(ingredient._dishID)) { 
     dish['ingredients'].unshift(ingredient) 
    } 
    } 
    console.log(dish['ingredients'])    <------------- 
    console.log(dish)       <-------------   
} 

dishArraydish는 객체의 어레이가 몽구스 질의로부터 리턴된다. 코드의 자세한 지식없이

Answer 1

, 일반 자바 스크립트 ==은 작업

var dishArray = [{ 
 
    _id: '0' 
 
}, { 
 
    _id: '1' 
 
}]; 
 
var ingredientsArray = [{ 
 
    _id: '0', 
 
    _dishID: '0' 
 
}, { 
 
    _id: '1', 
 
    _dishID: '1' 
 
}]; 
 

 
for (let dish of dishArray) { 
 
    dish['ingredients'] = []; 
 

 
    for (let ingredient of ingredientsArray) { 
 
    if (dish._id == ingredient._dishID) { 
 
     dish['ingredients'].unshift(ingredient); 
 
    } 
 
    } 
 

 
    console.log(dish['ingredients']); 
 
    console.log(dish); 
 
}