배열 간단히 합치는 방법 [Spread operator]

2022. 6. 30. 16:12JS

두 개의 배열이 존재 할 때  ES6 이 후 간단 한 방법이 있다.

바로 spread operator를 이용 하는 방법이다.

 

사용 방법 

비어있는 배열을 선언하고  그 안에 spread 표현을 한 배열들을 넣어준다.

const plusArray = [ ...더하는 배열1 , ...더하는 배열2 ]

 

더하는 배열2를 먼저 저장되게 하고 싶다면 

const plusArray = [ ...더하는 배열2 , ...더하는 배열1 ]

으로 저장 하면 된다.

 

* 배열의 element가 객체일 때 도  가능하다!

 

ex )

const data1 = [1,2,3,4]
const date2 = [5,6,7,8]

const totalData = [ ...data1, ...data2 ]

//출력 시결과 [1,2,3,4,5,6,7,8]
console.log(totalData)


const totalData2 = [ ...data2, ...data1 ]

//출력 시결과 [5,6,7,8,1,2,3,4]
console.log(totalData2)
728x90
반응형