IT/web개발

javascript concat 이해 ( 예제 포함)

미르오키드 2023. 7. 11. 11:12
반응형

JavaScript의 `concat()` 메소드는 배열에 다른 배열이나 값들을 연결하여 새로운 배열을 생성합니다. 기존 배열은 변경되지 않고, 새로운 배열이 반환됩니다.

`concat()` 메소드는 다음과 같은 구문을 가집니다:

array.concat(value1, value2, ..., valueN)

여기서 `array`는 기존 배열이고, `value1`, `value2`, ..., `valueN`는 연결할 다른 배열이나 값들입니다. 인자로 전달된 값들은 연결 순서대로 새로운 배열에 추가됩니다.

다음은 `concat()` 메소드의 예제입니다:


const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const array3 = array1.concat(array2);

console.log(array3); // [1, 2, 3, 4, 5, 6]



위 예제에서 `array1`과 `array2`는 `concat()` 메소드를 사용하여 새로운 배열 `array3`을 생성합니다. `array1`의 요소들이 먼저 `array3`에 추가되고, 그 다음에 `array2`의 요소들이 추가됩니다.

`concat()` 메소드를 사용하여 여러 개의 배열을 연결하는 것도 가능합니다:

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const array3 = [7, 8, 9];
const mergedArray = array1.concat(array2, array3);

console.log(mergedArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9]



위 예제에서 `array1`, `array2`, `array3`는 모두 `concat()` 메소드를 사용하여 `mergedArray`로 연결됩니다. 연결 순서에 따라 각 배열의 요소들이 새로운 배열에 추가됩니다.

`concat()` 메소드는 배열과 값을 결합하는 데에도 사용할 수 있습니다:

const array1 = [1, 2, 3];
const value = 4;
const newArray = array1.concat(value);

console.log(newArray); // [1, 2, 3, 4]



위 예제에서 `array1`은 `concat()` 메소드를 사용하여 값 `4`를 가진 새로운 배열 `newArray`를 생성합니다.

`concat()` 메소드는 원래 배열을 변경하지 않고 새로운 배열을 반환하기 때문에, 원본 배열을 유지하면서 여러 배열이나 값들을 합치고 싶을 때 유용합니다.

반응형