스프레드 연산자를 사용하여 배열로 객체 복제

Question

새 스프레드 연산자로 배열이있는 객체를 복제하는 방법은 무엇입니까?

예 개체 :

vehicles: { 
    cars: [1, 2], 
    boats: [3, 4] 
} 

나는 그 안에 배열을 가진 새로운 개체를 원한다. 이 새로운 객체에서 나는 차량 객체를 참조하고 영향을 미치지 않고 배열을 변경하거나 추가 할 수 있기를 원합니다.

Answer 1

Object.assign 및 스프레드 연산자는 참조 된 것보다 얕은 한 수준의 얕은 클론을 만듭니다. 내가 발견 한 가장 좋은 방법은 (감사합니다 MDN) JSON 함수를 사용하여 진정한 복제물을 만드는 것입니다.

let vehicles = { 
 
    cars: [1, 2], 
 
    boats: [3, 4], 
 
}; 
 

 
let test = JSON.parse(JSON.stringify(vehicles)); 
 

 
console.log(vehicles, test); 
 

 
test.cars[0] = 5; 
 
vehicles.cars[0] = 7; 
 

 
console.log(vehicles, test);