concat() 메서드는 주어진 배열에 기존 배열을 합쳐서 새로운 배열을 반환합니다.

원본 배열은 변하지 않으며 새로운 배열이나 원본 배열을 수정해도 서로 영향을 받지 않습니다.

concat()

concat([value1[, value2[, ...[, valueN]]]])

parameter

배열 또는 값
만약 value1 ~ valueN 인자를 생략하면 기존배열의 얕은 복사본을 반환.

valueN

return

반환값
새로운 Array 객체.

ex)

<script>
const arr1 = [1, 2]
const arr2 = [3, 4]
// arr2를 원본 배열 arr1의 마지막 요소로 추가한 새로운 배열 반환
let result = arr1.concat(arr2);
console.log(result); // [1, 2, 3, 4]
// 숫자를 원본 배열 arr1의 마지막 요소로 추가한 새로운 배열 반환
let result = arr1.concat(3);
console.log(result); // [1, 2, 3]
// 배열 arr2와 숫자를 원본 배열 arr1의 마지막 요소로 추가한 새로운 배열 반환
let result = arr1.concat(arr2, 5);
console.log(result); // [1, 2, 3, 4, 5]
console.log(arr1); // [1, 2], 원본 배열 변경되지 않음
</script>

인수로 전달한 값이 배열이면 해체하여 새로운 배열의 요소로 추가한다.