[JavaScript] 배열끼리의 결합하기(Vertical, Horizontal)

기존의 2차원 배열에 다른 2차원 배열을 더하는(결합하는) 방법은 결합 구조에 따라 달라진다.

1. 행 결합 (Vertical Concatenation): 두 배열을 서로 아래에 붙이는 방법. 즉, 두 배열의 각 행을 하나의 배열로 결합
2. 열 결합 (Horizontal Concatenation): 두 배열을 서로 옆에 붙이는 방법. 즉, 두 배열의 각 열을 하나의 배열로 결합

1. 행 결합 (Vertical Concatenation)
* 행 결합을 하려면 두 배열의 열 수가 같아야 한다. 
 `concat` 메서드를 사용하여 두 배열을 단순히 이어붙인다. (두 배열이 같은 열 수를 가지고 있을 때 사용)

// 기존 2차원 배열
let array1 = [
    [1, 2, 3],
    [4, 5, 6]
];

// 추가할 2차원 배열
let array2 = [
    [7, 8, 9],
    [10, 11, 12]
];

// 행 결합
let combinedArray = array1.concat(array2);

console.log(combinedArray);

/* 결과
[
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9],
    [10, 11, 12]
]

*/

2. 열 결합 (Horizontal Concatenation)
* 열 결합을 하려면 두 배열의 행 수가 같아야 한다. 각 행을 결합하려면 `map` 메서드와 `concat`을 사용할 수 있다.

`map` 메서드를 사용하여 각 행을 처리. 각 행의 배열을 `concat`하여 두 배열의 같은 인덱스의 행을 결합.

(두 배열이 같은 행 수를 가지고 있을 때 사용)

// 기존 2차원 배열
let array1 = [
    [1, 2, 3],
    [4, 5, 6]
];

// 추가할 2차원 배열
let array2 = [
    [7, 8],
    [9, 10]
];

// 열 결합
let combinedArray = array1.map((row, index) => row.concat(array2[index]));

console.log(combinedArray);

/*  결과
[
    [1, 2, 3, 7, 8],
    [4, 5, 6, 9, 10]
]
*/