배열 간단히 합치는 방법 [Spread operator]
2022. 6. 30. 16:12ㆍJS
두 개의 배열이 존재 할 때 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
반응형
'JS' 카테고리의 다른 글
<ref> 객체 데이터를 접근하는 방법 (0) | 2023.06.14 |
---|---|
Array 스택 pop(), 큐 shift() (0) | 2022.12.12 |
자주 쓰는 정규식 (날짜, 시간, 특정 단어만 포함 정규식) | 테스트 사이트 (0) | 2022.05.22 |
?. [Optional chaining] 객체 안에 값이 확실치 않을 때 읽는 방법 (0) | 2022.02.09 |
JavaScript 비어있는 Object (객체) 확인 방법 (0) | 2022.01.09 |