flat 메서드

flat 메서드는 다차원 배열의 중첩 레벨을 줄입니다. 배열을 1차원으로 만들거나, 주어진 값만큼 차원을 낮출 수 있습니다.

구문

javascriptlet newArray = 배열.flat(평탄화 깊이);

예제

매개변수에 아무 값도 지정하지 않고 새 배열을 얻어 봅시다:

javascriptlet arr = ['a', 'b', ['c', 'd']];
let res = arr.flat();

console.log(res);

코드 실행 결과, 하위 배열이 한 레벨 올라간 것을 볼 수 있습니다:

javascript['a', 'b', 'c', 'd']

예제

이제 두 단계 중첩된 배열에 flat 메서드를 적용해 봅시다:

javascriptlet arr = ['a', 'b', ['c', 'd', ['e', 'f']]];
let res = arr.flat();

console.log(res);

코드 실행 결과:

javascript['a', 'b', 'c', 'd', ['e', 'f']]

예제

중첩 깊이를 지정해 봅시다:

javascriptlet arr = ['a', 'b', ['c', 'd', ['e', 'f']]];
let res = arr.flat(2);

console.log(res);

코드 실행 결과:

javascript['a', 'b', 'c', 'd', 'e', 'f']

예제

중첩 깊이를 고민하지 않고 배열 전체를 평탄화하고 싶다면, Infinity 매개변수를 사용하세요:

javascriptlet arr = ['a', 'b', ['c', 'd', ['e', 'f', ['g', 'h', ['i']]]]];
let res = arr.flat(Infinity);

console.log(res);

코드 실행 결과:

javascript[
  'a', 'b', 'c',
  'd', 'e', 'f',
  'g', 'h', 'i'
]

함께 보기

  • 함수를 적용한 후 요소들로 배열을 반환하는 flatMap 메서드