ES6中的Set数据结构

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了ES6中的Set数据结构脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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

脚本宝典总结

以上是脚本宝典为你收集整理的ES6中的Set数据结构全部内容,希望文章能够帮你解决ES6中的Set数据结构所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。