回答es6的set有什么用

 所属分类:web前端开发

 浏览:126次-  评论: 0次-  更新时间:2022-11-05
描述:更多教程资料进入php教程获得。 Set是一种用于存储有序数据的数据结构,Set中的元素具有唯一性,不允许存储相同的元素;Set()可以接受一个...
更多教程资料进入php教程获得。

Set是一种用于存储有序数据的数据结构,Set中的元素具有唯一性,不允许存储相同的元素;Set()可以接受一个可迭代对象作为参数,但是会将这个可迭代对象中相同的内容去除,因此可用于去除重复元素,预防“Array.from(new Set(arr))”或“[...new Set(arr)]”。

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

一、基本用法

SetES6 提供的一种新的数据结构,它跟数组一样用于存储有序的数据,但是没有随机访问的能力,也就是说,不能像数组一样通过索引来获取具体的某个元素。除此以外,最重要的是,Set 中的元素具有唯一性,不允许存储相同的元素!

Set 是一个构造函数,用于实例化实例:

let set = new Set()
set.add(1)//往set集合中添加元素1
登录后复制

除此以外,Set() 可以接受一个可迭代对象作为参数,以作为实例初始化的数据,但是会将这个可迭代对象中相同的内容去除,然而,这也是数组去重的一个方法。

let set = new Set([1,2,2,1,4,3,5])
console.log(set)//Set(5) {1, 2, 4, 3, 5}
登录后复制

由元素唯一性这个特点,可以利用在数组去重上:

//方法一:
Array.from(new Set(arr)) //arr是待去重的数组

//方法二:
[...new Set(arr)]
登录后复制

太酷了吧,类似的,利用这个特性还能实现字符串相同字符的去重。

[...new Set(str)].join('')
登录后复制

然而,上面都是通过 Set 类型元素的唯一性来实现的,那么 Set 内部是如何判断元素是否唯一的呢?它的内部使用了一个算法 Same-value-zero equality ,大致与全等运算符一致,区别在于这种算法认为 NaN 等于 NaN

二、实例属性和方法

实例属性

Set.prototype 上,定义了一个属性 size 表示元素的个数。

let set = new Set([1,2,2,1,4,3,5])
console.log(set.size)//5
登录后复制

实例方法

Set 实例的方法可以分为两类:操作方法和遍历方法。

1.操作方法

  • Set.prototype.add(value) —— 添加某个值到 Set 的末尾,返回 Set 本身。
  • Set.prototype.delete(value) —— 删除某个值,返回布尔值,表示是否删除成功。
  • Set.prototype.has(value) —— 返回一个布尔值,表示该值是否为 Set 的元素。
  • Set.prototype.clear() —— 清除所有成员,没有返回值。

值得一提的是,add() 方法的返回是 Set 本身,所以你应该能想到链式调用:

let set = new Set()
set.add(1).add(2).add(3)
登录后复制

2.遍历方法

  • Set.prototype.keys() —— 返回键名的遍历器
  • Set.prototype.values() —— 返回键值的遍历器
  • Set.prototype.entries() —— 返回键值对的遍历器
  • Set.prototype.forEach() —— 使用回调函数遍历元素

由于 Set 结构没有键名,只有键值(或者说键名和键值是同一个值),所以 keys 方法和 values 方法的行为完全一致。

三、WeakSet

WeakSetSet 的升级版,主要有两个区别:

  • WeakSet 只能存储引用类型,不能储存基本类型数据。
  • WeakSet 中的引用类型都是弱引用。

首先,第一点很好理解,就是不能存储基本类型的数据:

const ws = new WeakSet()
ws.add(1)//报错,Invalid value used in weak set
登录后复制

然后第二点,WeakSet 中的对象都是弱引用。也就意味着垃圾回收机制不会考虑 WeakSet 对该对象的引用,一旦在外部引用计数为0,那么就等着被垃圾回收机制处理。所以,WeakSet 适合临时存放一组对象。

由于这个特征,WeakSet 中的成员是不适合引用的,因为它很可能会随时被清理,然而,ES6 规定它是不可遍历的。

WeakSet 中的方法也跟上面提到的 Set 基本一致,但是它没有 size 属性,没有遍历器方法。

【相关推荐:javascript视频教程、编程视频】

以上就是es6的set有什么用的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: javascript,ES6,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!