ホームページ > ウェブフロントエンド > フロントエンドQ&A > es6 での flat の使用法は何ですか

es6 での flat の使用法は何ですか

WBOY
リリース: 2022-03-31 15:55:14
オリジナル
3538 人が閲覧しました

es6 では、 flat() メソッドを使用して、指定可能な深さに従って配列を再帰的に走査し、すべての要素と走査された部分配列の要素を新しい配列にマージして、それを返します。 、配列は Dimension に下げられ、構文は「Array.prototype. flat()」です。

es6 での flat の使用法は何ですか

このチュートリアルの動作環境: Windows 10 システム、ECMAScript バージョン 6.0、Dell G3 コンピューター。

es6 での flat の使用法は何ですか

Array.prototype.flat()
ログイン後にコピー

flat() メソッドは、指定可能な深さに従って配列を再帰的に走査し、すべての要素を走査されたサブ配列内の要素とマージします。新しい配列が返されます。

これは、配列の次元削減と呼ばれるものです。

関数: 配列をフラット化し、各項目の値をループします。項目の値も配列の場合は、それを取り出します (配列の [] 括弧を削除するのと同じです)

flat(n)
ログイン後にコピー

各項目の配列を平坦化します。n のデフォルトは 1 で、平坦化の深さを示します。

簡単に言うと、 flat のパラメーターに従って配列に対して括弧の削除操作を実行することです。デフォルトでは 1 つのレベルに進みます。

以下は単純な実装です

```
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 フロントエンド ]

以上がes6 での flat の使用法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
es6
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート