javascript : 배열 복제

for를 사용한 배열복제

// 배열을 선언합니다.
var orignalArray = [1, 2, 3, 4, 5];

// 배열을 복제합니다.
var newArray = [];
for(var i =0 ;i< originalArray.length;i++){
    newArray[i] = orignalArray[i];
}

 

전개 연산자를 사용한 배열 복제

// 배열을 선언합니다.
const originalArray = [1,2,3,4,5];

// 배열을 복제합니다.
const newArray = [...originalArray];

 

배열 복제 확인

// 배열을 선언합니다.
const originalArray = [1,2,3,4,5];

// 배열을 복제합니다.
const newArray = [...originalArray];

// 원본 배열의 요소를 변경하고 출력합니다.
originalArray[0] = 52;
originalArray[1] = 273;
console.log(originalArray);
console.log(newArray);

[ 52, 273, 3, 4, 5 ]
[ 1, 2, 3, 4, 5 ]

 

전개 연산자를 사용한 배열 병합

// 배열을 선언합니다.
const originalArray = [52, 273, 103, 32, 57];

// 배열을 병합합니다.
const newArrayA = [1, 2, 3, 4, 5, ...originalArray];
const newArrayB = [...originalArray, 1, 2, 3, 4, 5];

// 출력합니다.
console.log(newArrayA);
console.log(newArrayB);

[
   1,   2,   3,  4,  5,
  52, 273, 103, 32, 57
]
[
  52, 273, 103, 32, 57,
   1,   2,   3,  4,  5
]

바벨을 활용할 때의 객체 배열 복제

// 배열을 선언합니다
const originalObject = {
    name: '홍정민',
    birthDay: new Date(2016, 12 - 1, 9).toString()
};

// 배열을 복제합니다.
const newObject = { ...originalObject };