es6の設定方法とは何ですか？

es6 の set メソッドは 2 つのカテゴリに分類できます: 1. 操作メソッド "add(value)"、"delete(value)"、"has(value)"、clear(); 2. Traversal メソッド キー()、values()、entrys()、forEach()。

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

ES6 は新しいデータ構造 Set を提供します。配列に似ていますが、メンバーの値は一意であり、重複する値はありません。

Set をセットと呼ぶことがよくありますが、セットはセットである可能性がありますが、セットは必ずしもセットであるとは限りません。

特徴: 一意性=>重複なし=>データを重複排除する機能。

Set の作成

Set 自体はコンストラクターであり、そのコンストラクターは Set データ構造を生成するために呼び出されます。

关键词　标识符　= new Set();

例

let i = new Set();

Set 関数は、データ初期化のパラメータとして配列 (または配列のようなオブジェクト) を受け入れることができます。

let i = new Set([1, 2, 3, 4, 4]);  //会得到　　set{1, 2, 3, 4,}

注: 初期化中に重複した値が指定された場合、それらは自動的に削除されます。コレクションにはリテラルの宣言メソッドがなく、new キーワードを使用してのみ宣言できます。

Set の属性

一般的に使用される属性は 1 つだけです: size -- Set インスタンスのメンバーの合計数を返します。

let s = new Set([1, 2, 3]);
console.log( s.size ); // 3

Set メソッド

Set インスタンスのメソッドは、操作メソッド (データ操作用) とトラバーサル メソッド (トラバーサル データ用) の 2 つのカテゴリに分類されます。 。

#操作メソッド:

#add(value) データを追加し、新しい Set 構造体を返します

• #delete(value) データを削除し、削除が成功したかどうかを示すブール値を返します

• #has(value) 特定のデータが存在するかどうかを確認し、ブール値を返します

• clear() すべてのデータをクリア、戻り値なし

• let set = new Set([1, 2, 3, 4, 4]);
  // 添加数据 5
  let addSet = set.add(5);
  console.log(addSet); // Set(5) {1, 2, 3, 4, 5}
  
  // 删除数据 4s
  let delSet = set.delete(4);
  console.log(delSet); // true 此处返回值是个boolean 表示 是否删除成功
  
  // 查看是否存在数据 4
  let hasSet = set.has(4);
  console.log(hasSet); // false
  
  // 清除所有数据
  set.clear();
  console.log(set); // Set(0) {}

  Traversal メソッド:

Set には次の 3 つがあります。 traverser は関数とトラバーサル メソッドを生成します。

keys() キー名のトラバーサを返します

• values() キー値のトラバーサを返します

• entries() キーと値のペアのトラバーサを返します

• forEach() コールバック関数を使用して各メンバーを走査します

• let color = new Set(["red", "green", "blue"]);
  for(let item of color.keys()){
   console.log(item);
  }
  // red
  // green
  // blue
  for(let item of color.values()){
   console.log(item);
  }
  // red
  // green
  // blue
  for(let item of color.entries()){
   console.log(item);
  }
  // ["red", "red"]
  // ["green", "green"]
  // ["blue", "blue"]
  color.forEach((item) => {
   console.log(item)
  })
  // red
  // green
  // blue

  [推奨される学習:

  JavaScript 上級チュートリアル]

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