對象不可變異

Question

試圖變異for循環中的對象。

我期待console.log(dish)記錄dish對象與ingredients屬性包含一個未移動的ingredient s數組。

當我登錄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)       <-------------   
} 

dishArray是從貓鼬查詢返回dish對象的數組。

Answer 1

沒有你的代碼的進一步瞭解，普通的JavaScript ==將做的工作

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