es6 배열 의 flat(),flatMap()함수 용법 사례 분석

1804 단어 es6배열flatflatMap
이 글 의 사례 는 es6 배열 의 flat(),flatMap()함수 용법 을 서술 하 였 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
배열 의 구성원 은 때때로 배열 이기 도 합 니 다.Array.prototype.flat()는 포 함 된 배열 을'평평 하 게'1 차원 배열 로 바 꾸 는 데 사 용 됩 니 다.이 방법 은 새로운 배열 로 돌아 가 원래 데이터 에 영향 을 주지 않 습 니 다.

[1, 2, [3, 4]].flat()
// [1, 2, 3, 4]

위 코드 에 서 는 원래 배열 의 구성원 중 한 배열 이 있 습 니 다.flat()방법 은 하위 배열 의 구성원 을 꺼 내 원래 위치 에 추가 합 니 다.
flat()는 기본적으로 한 층 만 평평 하 게 할 수 있 습 니 다.'평평 하 게'여러 층 의 내장 배열 을 원한 다 면 flat()방법의 매개 변 수 를 하나의 정수 로 쓸 수 있 습 니 다.평평 하 게 하려 는 층수,기본 값 은 1 입 니 다.

[1, 2, [3, [4, 5]]].flat()
// [1, 2, 3, [4, 5]]
[1, 2, [3, [4, 5]]].flat(2)
// [1, 2, 3, 4, 5]

위의 코드 에서 flat()의 매개 변 수 는 2 로 두 층 의 내장 배열 을 평평 하 게 해 야 한 다 는 것 을 나타 낸다.
몇 겹 으로 끼 워 넣 든 1 차원 배열 로 전환 하려 면 인 피 니 티 키 워드 를 매개 변수 로 사용 할 수 있 습 니 다.

[1, [2, [3]]].flat(Infinity)
// [1, 2, 3]

원래 배열 에 빈 자리 가 있 으 면 flat()방법 은 빈 자 리 를 뛰 어 넘 습 니 다.

[1, 2, , 4, 5].flat()
// [1, 2, 4, 5]

flatMap()방법 은 원래 배열 의 모든 구성원 에 게 하나의 함 수 를 실행 하 는 것 으로 Array.prototype.map()를 실행 한 다음 값 으로 구 성 된 배열 에 flat()방법 을 실행 하 는 것 과 같다.이 방법 은 원 배열 을 바 꾸 지 않 고 새 배열 로 되 돌아 갑 니 다.

//     [[2, 4], [3, 6], [4, 8]].flat()
[2, 3, 4].flatMap((x) => [x, x * 2])
// [2, 4, 3, 6, 4, 8]

flatMap()은 한 층 의 배열 만 펼 칠 수 있 습 니 다.
관심 있 는 친 구 는 온라인 HTML/CSS/JavaScript 코드 실행 도 구 를 사용 할 수 있 습 니 다.http://tools.jb51.net/code/HtmlJsRun상기 코드 실행 효 과 를 테스트 할 수 있 습 니 다.
더 많은 자 바스 크 립 트 관련 내용 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기