라이브러리

[JAVASCRIPT] arr.flat(depth) - 다차원 배열을 지정된 깊이까지 평탄화




JavaScript의 flat() 메서드


JavaScript의 `flat()` 메서드는 배열의 깊은 복사본을 반환합니다. 이 메서드는 특정 깊이까지 배열을 펼쳐서 하나의 배열로 만듭니다.

flat() 메서드의 기본 사용법


`flat()` 메서드는 다음과 같이 사용할 수 있습니다.

#hostingforum.kr
javascript

const arr = [1, 2, [3, 4, [5, 6]]];

const flatArr = arr.flat();

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



flat() 메서드의 깊이 옵션


`flat()` 메서드는 깊이 옵션을 통해 특정 깊이까지 배열을 펼칠 수 있습니다. 예를 들어, `flat(2)`를 사용하면 2단계까지 배열을 펼칩니다.

#hostingforum.kr
javascript

const arr = [1, 2, [3, 4, [5, 6]]];

const flatArr = arr.flat(2);

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



flat() 메서드의 사용 예시


`flat()` 메서드는 다음과 같은 사용 사례가 있습니다.

* 배열의 깊은 복사본을 만들 때
* 배열의 중첩된 요소를 펼칠 때
* 배열의 요소를 하나의 배열로 합칠 때

flat() 메서드의 예제


#hostingforum.kr
javascript

// 배열의 깊은 복사본 만들기

const arr = [1, 2, [3, 4, [5, 6]]];

const flatArr = arr.flat();

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



// 배열의 중첩된 요소 펼치기

const arr2 = [1, [2, 3], [4, [5, 6]]];

const flatArr2 = arr2.flat(2);

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



// 배열의 요소 하나로 합치기

const arr3 = [[1, 2], [3, 4], [5, 6]];

const flatArr3 = arr3.flat();

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



flat() 메서드의 장점


`flat()` 메서드는 다음과 같은 장점이 있습니다.

* 배열의 깊은 복사본을 만들 수 있습니다.
* 배열의 중첩된 요소를 펼칠 수 있습니다.
* 배열의 요소를 하나의 배열로 합칠 수 있습니다.

flat() 메서드의 단점


`flat()` 메서드는 다음과 같은 단점이 있습니다.

* 배열의 깊이가 깊을수록 메모리 사용량이 증가할 수 있습니다.
* 배열의 요소를 하나의 배열로 합칠 때, 중첩된 요소가 제거될 수 있습니다.

결론


`flat()` 메서드는 JavaScript의 배열 메서드 중 하나로, 배열의 깊은 복사본을 만들고 중첩된 요소를 펼칠 수 있습니다. 이 메서드는 배열의 요소를 하나의 배열로 합칠 때 유용하지만, 배열의 깊이가 깊을수록 메모리 사용량이 증가할 수 있으므로 주의가 필요합니다.
  • profile_image
    나우호스팅 @pcs8404 

    호스팅포럼 화이팅!

    댓글목록

    등록된 댓글이 없습니다.

  • 전체 10,077건 / 1 페이지

검색

게시물 검색