ES 6のset、weakSet、map、weakMap学習まとめ

1341 ワード

es6 javascript フロントエンド

set集合概念:

重複要素のないリスト

主な適用シーン:与えられた値のセットが

存在するかどうかを検出する.

map集合概念:

集合内に複数組のキー値対

を含む.

主なアプリケーションシーン:頻繁に取り込むデータをキャッシュし、格納情報

を取得する.

ES 5用オブジェクトシミュレーションset集合とmap集合

次の制限があります。

オブジェクト属性は、文字列

である必要があります.

オブジェクトが属性名として問題がある

属性値は偽の

である.

ES 6でsetとmap

1、set

setコレクションnew Set()

を作成する

は、集合にデータsetを追加する.add()

size属性は集合要素数setを取得する.size

setの特性

1、メモリ値に対してタイプ変換を強制しない2、addメソッドを複数回呼び出して同じ値をパラメータとして入力し、その後の呼び出しは無視される3、使用可能な配列はSet集合を初期化し、重複値をフィルタリングし、集合要素の唯一の注意を保証する:Set構造関数はすべての反復可能なオブジェクトをパラメータとして受け入れることができ、配列、set集合、map集合はすべて反復可能である

方法

has()は、Setセットに値があるかどうかを検出する

delete()Setコレクションの要素

を削除

clear()コレクション内のすべての要素

forEachメソッド

forEachコールバック関数は3つのパラメータを受け取る

setセット内の次のインデックスの位置

最初のパラメータと同じ値

が遍歴するset集合自体

forEachメソッドの2番目のパラメータは配列と同様にコールバック関数でthisを使用する必要があります.これを2番目のパラメータとしてforEachメソッドに入力できます.矢印関数を使用する場合は、thisをパラメータとしてコールバックする必要はありません.

setコレクションを配列に変換

配列回転set

let set = new Set([1,2,3])

set回転配列

array = [...set]

適用可能シーン:重複値をフィルタし、最後に重複のない新しい配列を出力します.