ES6中的Set數據結構

lk20150415 發布于2019-08-23 12:11 / 1559人閱讀

摘要：是提供的一種新的數據結構，它允許你存儲任何類型的唯一值，而且中的元素是唯一的。我們用操作符來生成一個對象基本用法元素是唯一的可以用來數組去重屬性和方法結構的實例有以下屬性構造函數，默認就是函數。返回實例的成員總數。

Set 是ES6提供的一種新的數據結構，它允許你存儲任何類型的唯一值，而且Set中的元素是唯一的。

我們用new操作符來生成一個Set對象

基本用法

let arr = [1,2,3,1,2,2,1,2,1,1];
let set = new Set(arr);
set.size // 3
[...set] // [1,2,3] 元素是唯一的 可以用來數組去重

屬性和方法

set結構的實例有以下屬性

Set.prototype.constructor: 構造函數，默認就是Set函數。
Set.prototype.size: 返回Set實例的成員總數。

方法

方法	用法
Set.prototype.add(value)	在Set對象尾部添加一個元素。返回Set對象
Set.prototype.clear()	移除Set對象內的所有元素
Set.prototype.delete(value)	移除Set中與value值相等的元素
Set.prototype.has()	返回一個布爾值，表示該值是否為Set的成員
Set.prototype.keys()	返回鍵名的遍歷器
Set.prototype.values()	返回鍵值的遍歷器
Set.prototype.entries()	返回鍵值對的遍歷器
Set.prototype.forEach()	使用回調函數遍歷每個成員

let set = new Set()
set.add(0).add(1).add(1).add(2);
set.size//3
set.has(1) //true
set.has(5) //false
set.delete(1);
set.has(1) // false
set.clear();

Array.from 方法可以將Set結構轉為數組。

let set = new Set([1,2,2,3,2,3,4]);
let arr = Array.from(set) //1,2,3,4

遍歷操作

let set = new Set(["red", "green", "blue"]);

for (let item of set.keys()) {
  console.log(item);
}
// red
// green
// blue

for (let item of set.values()) {
  console.log(item);
}
// red
// green
// blue

for (let item of set.entries()) {
  console.log(item);
}
// ["red", "red"]
// ["green", "green"]
// ["blue", "blue"]

set.forEach((value, key) => console.log(key + " : " + value))
//red : red
//green : green
//blue : blue

GPU云服務器云服務器 es6中的class es6中的promise Set 數據結構 Set數據結構

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/98070.html

深入理解：ES6中的Set和Map數據結構，Map與其它數據結構的互相轉換

摘要：學習筆記工作中常用到的語法只是簡單提及和，今天有空于是寫了這篇文章深入理解中的和數據結構，與其它數據結構的互相轉換。的提供了新的數據結構。本身是一個構造函數，用來生成數據結構。文中的內容主要是來自于阮一峰的《ES6標準入門》（第三版）。《學習ES6筆記──工作中常用到的ES6語法》只是簡單提及Set和Map，今天有空于是寫了這篇文章──《深入理解：ES6中的Set和Map數據結構，M...

Cristalven 2019-08-23 12:00 評論0 收藏0
深入理解ES6筆記（七）Set集合和Map集合

摘要：創建并添加項目可以使用數組來初始化一個，并且構造器會確保不重復地使用這些值使用方法來測試某個值是否存在于中移除值使用方法來移除單個值，或調用方法來將所有值從中移除。屬性的初始化將數組傳遞給構造器，以便使用數據來初始化一個。主要知識點：Set的基本操作，Weak Set，Map的基本操作，Weak MapshowImg(https://segmentfault.com/img/bVbf...

loostudy 2019-08-23 11:26 評論0 收藏0
ES6-前世今生（0）

摘要：更新了個版本，最新正式版是語言的下一代標準，早已在年月正式發布。基本不支持移動端瀏覽器對的支持情況版起便可以支持的新特性。比較通用的工具方案有，，，等。 1、ECMAScript是什么？和 JavaScript 有著怎樣的關系？ 1996 年 11 月，Netscape 創造了javascript并將其提交給了標準化組織 ECMA，次年，ECMA 發布 262 號標準文件（ECMA-...

LeviDing 2019-08-26 13:41 評論0 收藏0
ES6系列---Set集合與Map集合

摘要：中模擬與長久以來，數組一直是中唯一的集合類型。用數組初始化集合事實上，只要是可迭代對象數組集合集合，都可以作為構造函數的參數。構造函數通過迭代器從參數中提取值。 ES5中模擬Set與Map 長久以來，數組一直是JavaScript中唯一的集合類型。如果開發者們需要使用非數值型索引，就會用非數組對象創建所需的數據結構，而這就是Set集合與Map集合的早期實現。一般來說，Set集合常被用...

happyhuangjinjin 2019-08-20 19:04 評論0 收藏0
細說es6中的Set和Map

摘要：返回一個布爾值，表示該值是否為的成員。返回鍵名的遍歷器返回鍵值的遍歷器返回鍵值對的遍歷器使用回調函數遍歷每個成員需要特別指出的是，的遍歷順序就是插入順序。該數組的所有成員，都會自動成為實例對象的成員。這意味著，數組的成員只能是對象。 1.Set ES6 提供了新的數據結構 Set。它類似于數組，但是成員的值都是唯一的，沒有重復的值。Set 本身是一個構造函數，用來生成 Set 數據結構...

Ryan_Li 2019-08-26 12:13 評論0 收藏0