ES6之set-map資料結構的實例詳解

一、set資料結構（使用 new來建立一個set集合  透過add方法加入元素  透過size來取得set集合的長度）　

#

{
  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的遍歷（keys和values回傳的都是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);})
}

　　WeakSet(裡面的元素只能是對象，並且不會偵測所新增的物件是否在別處引用，沒有size clear 不支援遍歷)

{
  let weakList=new WeakSet();

  let arg={};

  weakList.add(arg);  // weakList.add(2);
  console.log('weakList',weakList);
}

二、Map資料結構（Map是透過key/value設定的，所以設定用set方法，取得使用get方法）　　

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

  map.set(arr,456);

  console.log('map',map,map.get(arr));
}

　　Map的另一個定義方式（同時size delete clear方法一樣）

{
  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);
}

　　weakMap資料結構（和setMap的特性一致）

{
  let weakmap=new WeakMap();

  let o={};
  weakmap.set(o,123);
  console.log(weakmap.get(o));
}

# 

　　　　

################################################################################################################

以上是ES6之set-map資料結構的實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！