Javascript : 다중 배열 합치는 법 (열 병합)

Javascript 아래와 같이 두개의 다차원 배열이 있을 때 이 둘을 합쳐 하나의 배열로 만들고 싶을 때가 있다.

특히 일반적인 병합이 아니라 각각의 열병합 형식으로 두개를 합치고 싶을 때가 있다.

let arr1 = [[ 1, 'a' ], [ 2, 'b' ]]
let arr2 = [[ 3, 'c' ], [ 2, 'd' ]]

 

이럴 때에는 map 함수를 응용하면 된다.

map 내부에서 배열의 순서를 기억하는 index 파라미터를 사용한다.

코드는 아래와 같다.

let arr1 = [[ 1, 'a' ], [ 2, 'b' ]]
let arr2 = [[ 3, 'c' ], [ 2, 'd' ]]

// 열 병합
let arr3 = arr1.map((arr, index) => arr.concat(arr2[index]));