[JavaScript] push()와 concat()의 차이점

자바스크립트에서 배열에 항목을 추가할 때 자주 사용하는 함수로 push()와 concat()이 있다.

두 함수는 파라미터로 전달한 데이터를 배열의 마지막 항목으로 추가한다는 기능은 같지만 결과에서 큰 차이가 있다.

push 함수는 기존 배열 자체를 변경하는 반면 concat 함수는 새로운 배열을 만든다는 점에서 차이가 나타난다.

 

// push() 함수
const arrA = [1, 2, 3];
const pushArr = arrA.push(4);
console.log(arrA);	// [1, 2, 3, 4]
console.log(pushArr);	// 4

// concat() 함수
const arrB = [1, 2, 3];
const concatArr = arrB.concat(4);
console.log(arrB);	// [1, 2, 3]
console.log(concatArr);	// [1, 2, 3, 4]

 

push() 함수는 배열의 마지막 항목에 데이터를 추가한다.

반면에 concat() 함수는 새 배열을 만들어 항목을 추가하고 배열을 반환한다.