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상기 코드 실행 효 과 를 테스트 할 수 있 습 니 다.
더 많은 자 바스 크 립 트 관련 내용 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JavaScript로 카드 놀이를 넘기는 애니메이션을 만들려고했습니다.카드를 넘기는 애니메이션을 만들어 보았습니다. 폴더 구성은 다음과 같습니다. 코드는 다음과 같습니다. card_turning.html 다음은 JavaScript 코드입니다. cardTurning.js 결과는, 이런 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.