📌 “객체”는 메모리 주소를 전달

자바스크립트에서 복사할때는 항상 얕은 복사가 이루어짐!

Ex) Array.from, concat, slice, spread(…), Object.assign

✏

const pizza = { name: "pizza", price: 2 };
const ramen = { name: "ramen", price: 3 };
const sushi = { name: "sushi", price: 1 };

const store1 = [pizza, ramen];
const store2 = Array.from(store1);

console.log("store1 : ", store1);
//store1 :  [ { name: 'pizza', price: 2 }, { name: 'ramen', price: 3 } ]
console.log("store2 : ", store2);
//store2 :  [ { name: 'pizza', price: 2 }, { name: 'ramen', price: 3 } ]

store2.push(sushi);
console.log("store1 : ", store1);
//store1 :  [ { name: 'pizza', price: 2 }, { name: 'ramen', price: 3 } ]
console.log("store2 : ", store2);
//store2 :  [
  { name: 'pizza', price: 2 },
  { name: 'ramen', price: 3 },
  { name: 'sushi', price: 1 }
]

pizza.price = 4;
console.log("store1 : ", store1);
//store1 :  [ { name: 'pizza', price: 4 }, { name: 'ramen', price: 3 } ]
console.log("store2 : ", store2);
//store2 :  [
  { name: 'pizza', price: 4 },
  { name: 'ramen', price: 3 },
  { name: 'sushi', price: 1 }
]

🚩 배열에 추가할 때는 추가한 배열에만 변화가 있지만,

배열이 참고하는 객체에 변화가 있다면, 객체의 메모리 주소를 참조하기 때문에 배열도 변화가 있다.