[javascript] push() vs .push().apply() vs concat()

서론

프로젝트에서 목록 조회 후 더보기 기능을 넣을때 기존 데이터에 조회 데이터를 set 해야 하는 상황이 있어 정리하고자 한다.

 

let numbersArray = [1, 2]
numbersArray.push([3, 4])

[1, 2, [3,4]]

 

let numbersArray = [1, 2]
numbersArray.push.apply(numbersArray, [3, 4])

[1, 2, 3, 4]

 

let numbersArray = [1, 2]
numbersArray.concat([3, 4])

Array [1, 2, 3, 4]

 

결론

push : 기준 배열 끝에 입력된 데이터를 추가한다. 입력된 데이터가 무엇인지 관계 없음.

push.apply : 기준 배열에 입력된 데이터가 배열인 경우 배열을 여러 인수로 변환하여 하나씩 추가한다.

concat : 기준 배열과 입력된 데이터(배열)을 재할당하여 새로운 배열을 반환한다.