[JavaScript] 배열 요소를 추가하고 싶을 때 어떤 방법이 좋을까?

배열에 요소를 더할 때 push(), unshift() 그리고 스프레드 문법 총 3가지의 방법을 통해 배열에 요소를 추가할 수 있다.

 

1️⃣ push() 메서드

const arr = [1, 2, 3];
arr.push(4, 5);

console.log(arr); // [1, 2, 3, 4, 5]

 

2️⃣ unshift() 메서드

const arr = [1, 2, 3];
arr.unshift(4, 5);

console.log(arr); // [4, 5, 1, 2, 3]

 

3️⃣ 스프레드 문법

const arr = [1, 2, 3];
const spreadArr = [...arr, 4, 5];

console.log(spreadArr); // [1, 2, 3, 4, 5]

 

배열 요소를 추가할 때 push()나 unshift()를 사용하는 것보다 스프레드 문법을 통해 배열 요소를 추가하는 것이 좋다고 한다.

 

push()나 unshift()는 원본 배열을 직접 변경하는 부수 효과가 있지만,

스프레드 문법은 함수 호출 없이 표현식으로 요소를 추가할 수 있어 부수 효과가 없다.

 

간단한 예제일 때는 속도 차이가 거의 없겠지만,

데이터가 많다고 가정했을 땐 아무래도 메서드보단 스프레드 문법이 조금 더 빠를 것 같다.