ES6中的Set集合

Set集合

ES6 提供了新的数据结构Set(集合)。

它类似于数组,但成员的值都是唯一的集合实现了 iterator

接口,所以可以使用「扩展运算符」和[for...of...」进行遍历集合的属性和方法 集合的属性和方法:

1)size,返回集合的元素个数

2)add,增加一个新元素,返回当前集合

3)delete,删除元素,返回 boolean 值

4)has,检测集合中是否包含某个元素,返回boolean值

5)clear,清空集合

size

typescript 复制代码
let s = new Set()
let s2 = new Set(['大事儿', '小事儿', '好事儿', '坏事儿'])
const num = s2.size
console.log(num)   //  4

add

typescript 复制代码
let s = new Set()
let s2 = new Set(['大事儿', '小事儿', '好事儿', '坏事儿'])
s2.add('喜事儿')
console.log(s2)  

delete

typescript 复制代码
let s = new Set()
let s2 = new Set(['大事儿', '小事儿', '好事儿', '坏事儿'])
s2.delete('坏事儿')
console.log(s2)


has

typescript 复制代码
let s = new Set()
let s2 = new Set(['大事儿', '小事儿', '好事儿', '坏事儿'])
const isHas = s2.has('好事儿')
console.log(isHas)  // true

clear

typescript 复制代码
let s = new Set()
let s2 = new Set(['大事儿', '小事儿', '好事儿', '坏事儿'])
 s2.clear()
console.log(s2)  //  Set(0) {size: 0}

Set应用

typescript 复制代码
// 1.数组去重
const arr = [1, 2, 3, 4, 5, 3, 2, 1, 6]
const result1 = [...new Set(arr)]
console.log(result1)   //  [1, 2, 3, 4, 5, 6]
typescript 复制代码
  // 2.数组取交集
const arr = [1, 2, 3, 4, 5, 3, 2, 1, 6]
const arr2 = [4, 5, 6, 5, 6]
const result2 = [...new Set(arr)].filter(item => new Set(arr2).has(item))
console.log(result2)  // [4, 5, 6]
typescript 复制代码
// 3.数组并集
const arr = [1, 2, 3, 4, 5, 3, 2, 1, 6]
const arr2 = [4, 5, 6, 5, 6]
// 先合并arr和arr2,再去重转化为数组
const result3 = [...new Set([...arr, ...arr2])]
console.log(result3)   // [1, 2, 3, 4, 5, 6]
typescript 复制代码
// 4.数组差集
const arr = [1, 2, 3, 4, 5, 3, 2, 1, 6]
const arr2 = [4, 5, 6, 5, 6]
// arr里面的元素,arr2有哪些没有的
const result4 = [...new Set(arr)].filter(item => !(new Set(arr2).has(item)))
console.log(result4)  //   [1, 2, 3]
相关推荐
德莱厄斯19 小时前
没开玩笑,全框架支持的 dialog 组件,支持响应式
前端·javascript·github
李辉200319 小时前
Python简介及Pycharm
开发语言·python·pycharm
赵谨言19 小时前
基于python大数据的城市扬尘数宇化监控系统的设计与开发
大数据·开发语言·经验分享·python
Yurko1319 小时前
【C语言】程序控制结构
c语言·开发语言·学习
zhangfeng113319 小时前
R和python 哪个更适合生物信息分析,或者更擅长做什么工作
开发语言·python·r语言·生物信息
非凡ghost19 小时前
Affinity Photo(图像编辑软件) 多语便携版
前端·javascript·后端
听情歌落俗19 小时前
c++通讯录管理系统
开发语言·c++·算法
非凡ghost19 小时前
VideoProc Converter AI(视频转换软件) 多语便携版
前端·javascript·后端
endlesskiller19 小时前
3年前我不会实现的,现在靠ai辅助实现了
前端·javascript
Peace & Love48719 小时前
C++初阶 -- 模拟实现list
开发语言·c++·笔记