[JavaScript] 두 개의 배열 합치는 방법

 

let data = [];
let a = [1, 2, 3];
let b = [4, 5, 6];

 

 a랑 b를 배열 data에 합치는 방법

 

concat()과 스프레드 연산자를 가장 많이 쓴다.

 

1. concat()

let data = []; 
let a = [1, 2, 3]; 
let b = [4, 5, 6]; 

data = a.concat(b); 
console.log(data); // [1, 2, 3, 4, 5, 6]

 

 

concat()은 원본 배열을 변경하지 않고 새로운 배열을 반환한다.

 

 

---

2. 스프레드 연산자 (...)

let data = []; 
let a = [1, 2, 3]; 
let b = [4, 5, 6]; 

data = [...a, ...b]; 
console.log(data); // [1, 2, 3, 4, 5, 6]

 

 

스프레드 연산자를 사용하면 간결하게 합칠 수 있다

 

.

---

3. push() + 스프레드 연산자

 

let data = []; 
let a = [1, 2, 3]; 
let b = [4, 5, 6]; 

data.push(...a, ...b); 
console.log(data); // [1, 2, 3, 4, 5, 6]

 

push(...a, ...b)를 사용하면 data 배열에 바로 추가할 수 있다.

 

 

---

4. forEach()를 활용한 push()

 

let data = []; 
let a = [1, 2, 3]; 
let b = [4, 5, 6]; 

a.forEach(item => data.push(item)); 
b.forEach(item => data.push(item)); 
console.log(data); // [1, 2, 3, 4, 5, 6]

 

forEach()를 사용해서 직접 push() 할 수도 있다.

 

---