set集合判断集合中是否有无元素_一文了解 JavaScript 中的 Set(集合)- 对 Set 的扩展...

e4e5f9ea26373453f2e12e9bd1ed510b.png

阅读全文需要 4 分钟。主要介绍对 ES6 中的 Set 集合方法的扩展。阅读本文后,你能创建出对 Set 方法扩展,并且结合下期内容,将其发布到 NPM 中。

往期回顾

一文了解 JavaScript 中的 Set(集合)

一文了解 JavaScript 中的 Set(集合)- 多种去重技巧

上两期介绍了 Set 的基本操作方法,Set 的去重和扩展等。

本期内容

本期对 Set 的常用功能进行扩展,文末给出完整源码。

为什么对简单的 Set 连续讲几期?这里我想解释一下。

很多朋友知道,假如对开源社区有贡献,会为自己面试加分不少。可是往往找不到突破口进行参与。

其实,为开源作贡献十分简单,发现项目或者框架有问题的,改正它;发现缺少的功能,补充它。

如果遇到问题,等待别人解决,其实就是将这样的一个机会让给了其他人。

从 Set 的第一期开始看,你会看到一个完整的开源贡献过程 ——

  • 了解现有功能的局限性
  • 产生优化功能的想法
  • 实际编码扩展 Set 的功能
  • 发布到 NPM 和 Github

这几期就是想通过这个简单的例子,不单单让大家了解到 Set 的基础知识,更是希望大家明白开源贡献没那么高不可攀,破除畏难情绪,踏出第一步。

下面是本期正文。

集合的基本操作

数学中集合的基本操作包括 ——

集合的关系

  • 空集
  • 子集
  • 真子集
  • 相等

集合的基本运算

  • 并集
  • 交集
  • 全集
  • 补集

针对集合的这些操作,我们使用 Set 进行对应的扩展。

空集

集合中不存在任何元素,即大小为 0。

66856e2dffd095d1d679162d94b981bd.png

因为我们是扩展 Set,所以可以在原型链上对其直接定义方法。

子集

如果集合 A 中任意一个元素都是集合 B 的元素,那么 A 是 B 的子集。

d95d807a8d4107c759aa048f0bd55a39.png

核心是遍历当前集合,如果当前集合中每个元素都在目标集合中,那么当前集合就是目标集合的子集。

真子集

如果集合 A 是集合 B 的子集,且集合 B 中至少有一个元素不属于 A,那么 A 是 B 的真子集。

b0aef489d82de6f5559aca28b7a87c25.png

这里有一些小技巧,根据真子集的定义,真子集会比目标集合小。所以通过先比对大小,再判断是否属于子集,清晰易懂。

同样的技巧也应用在判断集合相等中 ——

相等

两个集合的元素完全相同。

7c65992441c35202f536638275797fdd.png

集合的大小相等,且为子集关系,则两个集合相等。

并集

包含给定所有集合中的元素。所以只需遍历所有集合,将其元素合并到一个集合中。

e6e349d05c69f5c1c4b39f5300e878d7.png

交集

由所有属于给定集合的共同元素组成。

38015964e6516bba248c74b7039db00f.png

这里也存在一定技巧,先获取最大的集合,然后通过判断最大集合中的元素是否同时存在于其它集合中来实现。

结语

全集和补集留待大家思考,源码可私信「集合扩展」获取。

下期内容就跟大家将这个扩展发布到 NPM 中。

这段时间待业在家,主要做一些前端的分享,毕竟最熟悉是前端这块。个人的技术栈包括 Python,Angular,JavaScript,Docker 等。 如果你对哪方面的知识感兴趣或有疑问,欢迎一起讨论。

最后的最后,点收藏的同时不妨点个赞吧:)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/428326.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

站怎么点都是一样_老鼠被卡在轮胎里,像是被点了穴道一样:这可怎么办才好?...

从小就被灌输了一个思想:猫和老鼠是天敌,也没有想过这样根深蒂固的思想有一天会发生变化。直到有天偶然看到猫咪被老鼠吓到四处乱窜才觉得这一定理并非是永恒不变的,毕竟生活总是充满着惊喜与惊吓。来看看下面这个小故事,感受一下…

sql空字符串判断函数_access常用的内置函数

新朋友点“Office交流网“蓝字关注我们Access提供了几种类型的函数,可将这些函数分为以下几类:转换:把一个值转换为另一个。日期/时间:返回日期和/或时间值。判断检查:判断是否正确算术计算&a…

实验吧—Web——WP之 Guess Next Session

打开链接,他有给出查看原码的按钮,那么我们打开看看 在这个里面,如果GET的值等于session的就会给出flag 那么我们进行抓包改包 在输入框内随意输入一个值然后抓包 将password的值删去,并且将cookie后面的PHPsessid的值也删去&…

linux命令行提示符居中,linux命令行学习(54):修改提示符

提示符由环境变量PS1决定,所以,修改提示符就是修PS1的值。一、保存PS1原来的值以及恢复原值为了防止麻烦,在修改PS1的值之前,可以先将PS1的值保存起来,以备以后恢复。我们建立一个环境变量ps1执行命令:ps1&…

flask(精讲)

Flask 一:web框架Django和Flask本质 socket服务端 ?123wsgi: Web服务网关接口- wsgiref # Django内部内置模块- werkzeug # Flask安装完成后,内部默认已经安装好werkzeugfrom werkzeug.wrappers import Request, Respons…

c++builder 运行网站的api_04 将您的API Builder Docker映像发布到AMPLIFY运行时服务(ARS)...

「注:转载请注明出处,谢谢!」注意:请参考在线文档以获取最新信息。将APIBuilder应用程序部署到AMPLIFY Runtime Services在先前文章中,我们描述了如何轻松地使用API Builder Standalone创建微服务并将其打包为可在任何…

Android数据库 分页查询,Android之怎么使用SQLite数据库(增、删、改、查、分页等)以及ListView显示数据(转)...

由于刚接触android开发,故此想把学到的基础知识记录一下,以备查询,故此写的比较啰嗦:步骤如下:一、介绍:此文主要是介绍怎么使用android自带的数据库SQLite,以及把后台的数据用ListView控件显示…

go int64转string_go常见问题收录

本条文章记录本人在实际项目中遇到的实际问题,如有错误,欢迎指正,仅供参考!欢迎点赞收藏转发,转载请添加原链接声明哦!感谢您的支持。变量各种类型转换string转成intintstring转成int64int64, err : strcon…

mysql部门人员排序设计_MySQL数据库访问性能优化

MYSQL应该是最流行的WEB后端数据库。大量应用于PHP,Ruby,Python,Java 等Web语言开发项目中,无论NOSQL发展多么快,都不影响大部分架构师选择MYSQL作为数据存储。MYSQL如此方便和稳定,以至于我们在开发 WEB 程…

android如何删除项目,AndroidStudio中怎样删除项目

最近决定从Eclipse转到AndroidStudio了。虽然之前有接触过AndroidStudio,但都是为了体验一下AndroidStudio炫酷的界面,并没有深入的了解过,所以这次准备好好学习一番AndroidStudio。。。刚开始转到AndroidStudio的时候确实有很多不适应的地方…

vue点击切换类名_vue 新用户引导(vue-dirver)

最近公司经理让我在项目上做一个新用户引导,讲真这玩意我只在APP上看见过,网页上没啥功能啊,还需要引导! 没办法,刚它!!!在网上查了点资料 Vue 基本上都是 intro.js 和 driver.js 两…

c# html转为图片,C# 使用 WebBrowser 实现 HTML 转图片功能的示例代码

在 .NET 平台上,我们有多种方式可以将一段 HTML 文本转换为一张图片:HTML Renderer、SelectPdf 、Aspose.Html等。在 WinForm 程序中,每一个 System.Windows.Forms.Control 的派生类型均包含一个名为 DrawToBitmap 的方法,该方法可…

android平板 深度学习,这款叫Remix的设备,或许可以拯救安卓平板

(图片来自于魏布斯评测视频“Remix平板上手使用体验”)现今平板市场,已呈现出苹果谷歌微软三分天下之势。然而,相较于其他两者,安卓平板却并面临着严重的危机,即便自2013年第三季度,安卓平板便已超越iPad成为市场份额的…

IE8下强制浏览器用哪个IE版本渲染页面

在head中加入<meta http-equiv"X-UA-Compatible" content"IEEmulateIE10"/> 转载于:https://www.cnblogs.com/lansetuerqi/p/8288900.html

华为swot分析2020_科技口译现场:华为2020全球分析师大会

华为第17届全球分析师大会2020年5月18-20日在中国深圳举办&#xff0c;本次大会期间&#xff0c;将分享华为对于全球化合作的思考&#xff0c;如何发挥ICT技术价值应对未来世界的不确定性&#xff1b;如何持续创新为人类社会进步做贡献&#xff1b;如何推动产业发展和生态建设&…

python导出数据找不到csv_【记录】使用Python读取/导出(写入)CSV文件

想要用python处理csv文件。 去查了下&#xff0c;python中本身就自带csv模块。 然后参考在线手册&#xff1a; 去试试。 【用python生成csv】 1. 按照手册的例子&#xff0c;试了试&#xff1a;import csv with open(eggs.csv, wb) as csvfile: spamwriter csv.writer(csvfile…

mips汇编计算开方_读美国伊利诺伊理工大学计算机科学硕士能学到什么?

最近有很多计算机专业的大学生和程序员、工程师等在职人士&#xff0c;向彼岸教育咨询美国伊利诺伊理工大学的计算机硕士项目&#xff0c;想更多地了解课程和教学内容。彼岸教育从伊利诺伊理工大学计算机科学系要来了一份近期学校的安排的部分课程大纲&#xff0c;包括教师背景…

html iframe php,html iframe使用的实战总结分享

说在前面的话&#xff0c;iframe是可以做很多事情的。例如&#xff1a;a>通过iframe实现跨域;b>使用iframe解决IE6下select遮挡不住的问题c>通过iframe解决Ajax的前进后退问题d>通过iframe实现异步上传。(Easyui中form组件就是用的iframe&#xff0c;实现表单提交时…

环形队列出队的元素怎么输出出来_队列的知识讲解与基本实现(数据结构)

引言中午在食堂打饭&#xff0c;真是一个令人头疼的事情&#xff0c;去食堂的路上也总是步伐匆匆&#xff0c;为什么啊&#xff0c;这还用说&#xff0c;迟一点去&#xff0c;你就会知道什么叫做人山人海了&#xff0c;在食堂排队的时候&#xff0c;相比较学生来说&#xff0c;…

c++ 不插入重复元素但也不排序_【每日一题】125. 对链表进行插入排序

关注我们获取更多计算机考研信息对链表进行插入&#xff0c;插入排序算法&#xff1a;插入排序是迭代的&#xff0c;每次只移动一个元素&#xff0c;直到所有元素可以形成一个有序的输出列表。每次迭代中&#xff0c;插入排序只从输入数据中移除一个待排序的元素&#xff0c;找…