[JavaScript] 배열의 요소 추가 push() vs concat() 차이점

1. push()

 

push 함수는 배열의 마지막에 요소 하나를 추가하는 함수이다.

arr = [1,2,3];
arr.push(4); // arr의 마지막에 요소 4를 추가한다 (리턴값은 4)
//arr 은 [1,2,3,4] 가 된다

 

주목할 점은 push 함수를 통해서 요소를 추가하게 되면 원래 배열인 arr 자체가 변경된다.

그리고 리턴값은 arr의 길이가 된다.

 

 

 

 

2. concat()

 

위와 마찬가지로 배열의 마지막에 요소 하나를 추가하는 함수이다.

arr = [1,2,3];
arr.concat(4); //배열의 뒤에 4라는 요소를 추가한다 (리턴값은 [1,2,3,4])
//arr 자체는 그대로 [1,2,3] 이고 위 함수로 새로운 배열 [1,2,3,4]가 생겨난다

 

 

주목할 점은 concat 함수를 통해서 요소를 추가하게 되면 원래 배열인 arr은 그대로이다.

그리고 새로운 배열이 탄생하게 된다. arr.concat(4) 의 리턴값은 새로운 배열 [1,2,3,4]가 된다.

 

 

 

 

 

3. 둘의 차이점

 

성능적으로 차이를 봤을 때 push() 함수가 concat() 함수보다 빠르다. 즉 같은 목적으로 이용할 경우 (배열의 뒤에 요소를 추가하여 새로운 배열을 만드는 경우, but 원본 배열이 변환되도 상관 없는 경우) 에는 push() 함수를 사용하는 것이 더 나을수도 있다. 하지만 원본의 배열을 그대로 유지하면서 새로운 요소가 포함되는 배열을 만드는 경우에는 concat() 함수를 사용하는것이 좋다.