JS 배열 합치는 3가지 방법



배열 합치는 3가지 방법

1. concat() 메서드
2. ...spread operator(전개연산자)
3. push()

1. concat() 

인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환한다.

기존 배열을 변경하지 않고 새로운 배열을 반환한다.

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);

console.log(array3);
// expected output: Array ["a", "b", "c", "d", "e", "f"]

concat은 호출한 배열 뒤에 각 인수를 순서대로 붙여 새로운 배열을 만든다. 인수가 배열이면 그 구성요소가 순서대로 붙고, 배열이 아니면 인수 자체가 붙는다.

concat은 매개변수나 기존 배열을 변경하지 않고 합쳐진 배열의 얕은 사본을 반환한다.

 

2. ...spread operator(전개연산자)

전개 연산자를 사용하면 배열이나 문자열을 여러개의 인수로 확장시킨다.

다음과 같은 방법으로 배열을 복사하거나 다른 배열뒤에 연결 시킬 수 있다.

 

배열 복사

var arr = [1, 2, 3];
var arr2 = [...arr]; // arr.slice() 와 유사
arr2.push(4);

// arr2 은 [1, 2, 3, 4] 이 됨
// arr 은 영향을 받지 않고 남아 있음

 

 

배열 이어 붙이기

var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];
arr1 = [...arr1, ...arr2]; // arr1 은 이제 [0, 1, 2, 3, 4, 5]

 

 

3. push() 이용

push()메서드는 배열의 끝에 하나 이상의 요소를 추가하고 배열의 새로운 길이를 반환한다.

const animals = ['pigs', 'goats', 'sheep'];

const count = animals.push('cows');

console.log(count);//합쳐진 배열의 길이 반환

console.log(animals); // 배열 합쳐졌음 ["pigs", "goats", "sheep", "cows"]

animals.push('chickens', 'cats', 'dogs');

console.log(animals); 
// Array ["pigs", "goats", "sheep", "cows", "chickens", "cats", "dogs"]