ES6中Set集合

ES6中的Set是一种数据结构,类似于数组,但是它的值都是唯一的。它是通过一组有序的、由唯一元素组成的集合实现的,不允许重复项。Set可以用于存储任何类型的数据,包括原始类型和复合类型,如对象和数组。

Set有以下特点:

  1. Set集合中的元素是唯一的,不允许重复。

  2. Set集合是无序的,不能通过下标来获取元素。

  3. Set集合可以用于存储任意类型的数据。

  4. Set集合是可迭代的,可以使用for...of循环来遍历集合中的元素。

下面是一些常用的Set集合的操作:

  1. 创建Set集合:可以使用new关键字来创建一个Set集合。

  2. 添加元素:可以使用add()方法向Set集合中添加元素。

  3. 删除元素:可以使用delete()方法从Set集合中删除元素,也可以使用clear()方法清空集合中所有元素。

  4. 判断元素是否存在:可以使用has()方法来判断Set集合中是否包含某个元素。

  5. 获取Set集合的大小:可以使用size属性来获取Set集合的大小。

  6. 遍历Set集合:可以使用for...of循环来遍历Set集合中的元素。

下面是一个使用Set集合的例子:

复制代码
const mySet = new Set();
mySet.add(1);
mySet.add(2);
mySet.add(3);
mySet.add(3); // 这个元素不会被添加,因为已经存在了

console.log(mySet.has(2)); // 输出 true
console.log(mySet.size); // 输出 3

mySet.delete(2);
console.log(mySet.has(2)); // 输出 false
console.log(mySet.size); // 输出 2

mySet.clear();
console.log(mySet.size); // 输出 0

总之,Set集合是一种非常实用的数据结构,可以用于存储唯一的、无序的元素列表。它提供了快速查找、添加和删除元素的操作。

相关推荐
北海-cherish2 小时前
vue中的 watchEffect、watchAsyncEffect、watchPostEffect的区别
前端·javascript·vue.js
2501_915909063 小时前
HTML5 与 HTTPS,页面能力、必要性、常见问题与实战排查
前端·ios·小程序·https·uni-app·iphone·html5
white-persist4 小时前
Python实例方法与Python类的构造方法全解析
开发语言·前端·python·原型模式
新中地GIS开发老师5 小时前
Cesium 军事标绘入门:用 Cesium-Plot-JS 快速实现标绘功能
前端·javascript·arcgis·cesium·gis开发·地理信息科学
Superxpang5 小时前
前端性能优化
前端·javascript·vue.js·性能优化
李白的故乡5 小时前
el-tree-select名字
javascript·vue.js·ecmascript
Rysxt_5 小时前
Element Plus 入门教程:从零开始构建 Vue 3 界面
前端·javascript·vue.js
隐含5 小时前
对于el-table中自定义表头中添加el-popover会弹出两个的解决方案,分别针对固定列和非固定列来隐藏最后一个浮框。
前端·javascript·vue.js
大鱼前端5 小时前
Turbopack vs Webpack vs Vite:前端构建工具三分天下,谁将胜出?
前端·webpack·turbopack
你的人类朋友5 小时前
先用js快速开发,后续引入ts是否是一个好的实践?
前端·javascript·后端