[자바스크립트] 2차원 배열 깊은 복사 하기

자바스크립트를 사용하다가 2차원 배열을 깊은 복사해야할 상황이 올 수도 있다.

아래처럼 우리가 아는대로 진행하면 원본 배열의 값이 계속 바뀌는 걸 확인할 수 있다.

let arr1 = [[1,2,3],[2,3,4]]

let arr2 = [...arr1];

arr2[0][0] = 0;

console.log(arr1);  // [[0,2,3],[2,3,4]]
console.log(arr2);  // [[0,2,3],[2,3,4]]

이는 큰틀인 arr1만 깊은 복사가 되고 가장 중요한 안의 배열 각 행들은 동일한 값을 참조하고 있다는 걸(얕은 복사) 의미한다.

 

2중 배열을 깊은 복사하려면 각 행마다 동일하게 깊은 복사 해주면 된다.

let arr1 = [[1,2,3],[2,3,4]]

let arr2 = arr1.map(v => [...v]);

arr2[0][0] = 0;

console.log(arr1);  // [[1,2,3],[2,3,4]]
console.log(arr2);  // [[0,2,3],[2,3,4]]