concat

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

매개변수

1. valueN - 배열 또는 값

예시

1. 값 추가

const arr = [1, 2]

const newArr = arr.concat(3)

console.log(newArr)

// 결과

[1, 2, 3]

2. 배열 추가

const arr = [1, 2]

const newArr = arr.concat([3, 4])

console.log(newArr)

// 결과

[ 1, 2, 3, 4]

3. 값, 배열 모두 추가

const arr = [1, 2]

const newArr = arr.concat(3, [4, 5])

console.log(newArr)

// 결과

[ 1, 2, 3, 4, 5]

주의

• 기존 배열을 변경하는 것이 아닌 새로운 배열을 return 해준다.
• 또한 얕은 복사로 기존 배열이 변경되어도 반환된 배열은 바뀌지 않는다.
• 매개변수에 넣는 순서대로 값이 들어간다.

ES6방법, concat 사용x

const arr1 = [1, 2];
const arr2 = [3, 4];

const newArr = [...arr1, ...arr2];

// 결과

[ 1, 2, 3, 4]

arr1과 arr2안에 있는 모든 요소를 하나씩 나열해 주는 것이다.