es6에서 flat의 사용법은 무엇입니까

WBOY
풀어 주다: 2022-03-31 15:55:14
원래의
3449명이 탐색했습니다.

es6에서는 flat() 메소드를 사용하여 지정된 깊이에 따라 배열을 재귀적으로 순회하고, 순회된 하위 배열의 요소와 모든 요소를 ​​새로운 배열로 병합하여 반환합니다. 즉, 배열 차원 축소입니다. 구문은 "Array.prototype.Flat()"입니다.

es6에서 flat의 사용법은 무엇입니까

이 튜토리얼의 운영 환경: Windows 10 시스템, ECMAScript 버전 6.0, Dell G3 컴퓨터.

es6에서 flat의 사용법은 무엇인가요?

Array.prototype.flat()
로그인 후 복사

flat() 메서드는 지정된 깊이에 따라 배열을 재귀적으로 순회하고 순회된 하위 배열의 요소와 모든 요소를 ​​병합하여 새 배열로 반환합니다. .

이것을 배열 차원 축소라고 부릅니다.

기능: 배열을 평면화하고 각 항목의 값을 반복합니다. 항목의 값도 배열인 경우 제거합니다(배열의 [] 괄호를 제거하는 것과 동일)

flat(n)
로그인 후 복사

각 항목 변환 배열

긴 이야기를 짧게 하면 flat의 매개변수에 따라 Array에서 괄호 제거 작업을 수행하는 것이며 기본값은 한 수준으로 이동하는 것입니다.

다음은 간단한 구현입니다

```
Array.prototype.myFlat = function (num = 1) {
      if (num < 1) {
        return this
      }
      const res = []
      for (let i = 0; i < this.length; i++) {
        if (Array.isArray(this[i])) {
          res.push(...this[i].myFlat(num - 1))
        } else {
          res.push(this[i])
        }
      }
      return res
    }
```
로그인 후 복사

아이디어는 비교적 간단합니다. 배열이 아닌 경우 직접 푸시하면 괄호 레이어로 처리해야 합니다. 대괄호를 N 번 제거하려면 myFlat 메서드를 N 번 호출하면 됩니다.

es6에서 flat의 사용법은 무엇입니까

【관련 추천: javascript 비디오 튜토리얼, web front-end

위 내용은 es6에서 flat의 사용법은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
es6
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!