[JavaScript] 배열의 복사 - 얕은 복사 vs 깊은 복사(shallow copy vs deep copy)

배열의 복사 - 얕은 복사 vs 깊은 복사(shallow copy vs deep copy)

1. 얕은 복사(shallow copy) 와 깊은 복사 (deep copy)

- 배열을 복사하지만 얕은 복사는 기존의 값의 레퍼런스를 참조 하기 때문에 만약 기존에 값이 변경된다면 같이 변경된다

2. 얕은 복사 (shallow copy)

var nums = []; for(var i = 0; i<10; i++){ nums[i] = i + 1; } var newArry = nums; console.log("before changing"); console.log(nums[0]); console.log(newArry[0]); console.log("after changing"); nums[0] = 100; console.log(newArry[0]);

- 복사된 배열에 영향을 미친다

3. 깊은 복사 (deep copy)

function copy(arr1, arr2){ for(var i = 0; i<arr1.length; i++){ arr2[i] = arr1[i]; } } var oldArry = []; for(var i = 0; i<10; i++){ oldArry[i] = i; } var newArry = []; copy(oldArry, newArry); oldArry[0] = 1000; console.log(oldArry[0]); console.log(newArry[0]);