배열에 데이터를 추가하는 방법 - Array push()와 concat()

임의의 배열에 새로운 데이터를 추가하는 방법으로 자주 사용되는 push와 concat 의 특징과 차이점을 알아보자

 

push( )

push는 기존 배열에 새로운 데이터를 추가하는 방법이다. 데이터 추가 전과 후를 비교하면 true

var arr1 = [1,2,3];
arr1.push(4);

console.log(arr1); // 1,2,3,4 출력

var arr2 = arr1.push(4);
console.log(arr1, arr2); // 1,2,3,4 와 1,2,3,4 출력

 

concat( ) 

concat은 기존 배열을 복사한 후, 새로운 데이터를 추가하는 방법이다. 데이터 추가 전과 후를 비교하면 false

var arr1 = [1,2,3];
arr1.concat(4);

console.log(arr1); // 1,2,3 출력

var arr2 = arr1.concat(4);
console.log(arr1, arr2) // 1,2,3 과 1,2,3,4 출력

 

차이점

	push( )	concat( )
원본 데이터 변형	⭕	❌

따라서, 변화가 잦은 데이터는 원형 데이터가 유지되는 concat()을 권장하고 있다.