ホームページ > ウェブフロントエンド > jsチュートリアル > ES6のset-mapデータ構造例の詳細説明

ES6のset-mapデータ構造例の詳細説明

零下一度
リリース: 2017-06-26 09:12:31
オリジナル
1890 人が閲覧しました

1. データ構造を設定する(newを使用してセットコレクションを作成し、addメソッドで要素を追加し、sizeを通じてセットコレクションの長さを取得します)

{
  let list = new Set();
  list.add(5);
  list.add(7);

  console.log('size',list.size);
}
ログイン後にコピー

初期化する別の方法があります(直接追加することで配列が渡されます)

{
  let arr = [1,2,3,4,5];
  let list = new Set(arr);

  console.log('size',list.size);
}
ログイン後にコピー

set内の要素を繰り返すことはできません(配列はsetのこの機能を通じて重複を排除できます。注:変換プロセス中にデータ型の変換は実行されません)

{
  let list = new Set();
  list.add(1);
  list.add(2);
  list.add(1);//不会报错 只是不会生效

  console.log('list',list);

  let arr=[1,2,3,1,'2'];
  let list2=new Set(arr);

  console.log('unique',list2);
}
ログイン後にコピー

set 一部のメソッド(add、delete、clear、has)

{
  let arr=['add','delete','clear','has'];
  let list=new Set(arr);

  console.log('has',list.has('add'));//是否包含
  console.log('delete',list.delete('add'),list);//清空
  list.clear();
  console.log('list',list);
}
ログイン後にコピー

setトラバーサル(キーと値はセット内の値を返す)

{
  let arr=['add','delete','clear','has'];
  let list=new Set(arr);  for(let key of list.keys()){
    console.log('keys',key);
  }  for(let value of list.values()){
    console.log('value',value);
  }  for(let [key,value] of list.entries()){
    console.log('entries',key,value);
  }

  list.forEach(function(item){console.log(item);})
}
ログイン後にコピー
6. Key/Valueで設定するのでsetメソッドで設定、getメソッドで取得)

{
  let weakList=new WeakSet();

  let arg={};

  weakList.add(arg);  // weakList.add(2);
  console.log('weakList',weakList);
}
ログイン後にコピー

Mapを定義する別の方法(同時にサイズ削除クリアメソッドも同じ)

{
  let map = new Map();
  let arr=['123'];

  map.set(arr,456);

  console.log('map',map,map.get(arr));
}
ログイン後にコピー

WeakMapのデータ構造(setMapと同じ性質)

{
  let map = new Map([['a',123],['b',456]]);
  console.log('map args',map);
  console.log('size',map.size);
  console.log('delete',map.delete('a'),map);
  console.log('clear',map.clear(),map);
}
ログイン後にコピー

以上がES6のset-mapデータ構造例の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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