[JavaScript] push() vs concat()

배열에 요소를 추가하는 작업을 진행하던 중, 익숙한 push() 메서드를 썼다가 내가 개발하고 있는 상황에서는 concat() 메서드를 쓰는게 알맞음을 알게 되었다. 그래서 둘의 차이점을 살펴봤다.

push()

• 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환한다.

concat()

• 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환한다. 두 개 이상의 배열을 병합할 때 사용된다.

차이점 살펴보기

const array1 = ['a', 'b', 'c'];
const array2 = [1, 2, 3];
//concat() 사용 시
array1.concat(array2);
// result in ['a', 'b', 'c', 1, 2, 3]

//push() 사용 시
array1.push(array2);
console.log(array1);
// result in ['a', 'b', 'c', [1, 2, 3]]

출처
MDN Array.prototype.concat()
MDN Array.prototype.push()