JavaScript에서 기존 배열을 다른 배열로 확장하려면 Array.concat() 메서드를 사용하면 됩니다. concat()은 호출된 배열과 인자로 전달된 배열(또는 값)을 하나로 합친 새로운 배열을 반환하며, 원본 배열은 변경되지 않습니다.
concat() 메서드 사용 예제
아래 코드를 실행하면 두 개의 배열을 하나로 합쳐 기존 배열을 확장할 수 있습니다.
<html>
<head>
<title>JavaScript Array concat Method</title>
</head>
<body>
<script>
var numbers = new Array(1, 4, 9);
var numbers2 = new Array(2, 5);
numbers = numbers.concat(numbers2);
document.write("new numbers is : " + numbers);
</script>
</body>
</html>
실행 결과
new numbers is : 1,4,9,2,5
참고: 스프레드 연산자를 활용한 최신 문법
ES6 이상의 환경에서는 스프레드 연산자(...)를 사용하여 더 간결하게 배열을 합칠 수도 있습니다.
var numbers = [1, 4, 9]; var numbers2 = [2, 5]; numbers = [...numbers, ...numbers2]; console.log(numbers); // [1, 4, 9, 2, 5]
두 방법 모두 새로운 배열을 생성한다는 점은 동일하지만, concat()은 구버전 브라우저와의 호환성이 높고, 스프레드 연산자는 여러 개의 배열이나 값을 한 번에 병합할 때 더 직관적이라는 장점이 있습니다. 상황에 맞게 선택하여 사용하시기 바랍니다.