<!DOCTYPE html>

<html>

<head>

	<title>集合</title>

	<meta charset="utf-8">

	<script type="text/javascript">

		function Set(){

			let items = {};

			// add：添加一个新的项

			this.add = function(value){

				if(!this.has(value)){

					// 添加一个值的时候，把它同时作为键和值保存，有利于查找这个值

					items[value] = value;

					return true;

				}

				return false;

			};

			// delete：删除值

			this.delete = function(value){

				if(this.has(value)){

					delete items[value];

					return true;

				}

				return false;

			};

			// has：如果值在集合中返回true，否则返回false

			this.has = function(value){

				return items.hasOwnProperty(value);

			};

			// clear：移除集合中的所有项

			this.clear = function(){

				items = {};

			};

			// size：返回集合中所包含的元素数量，与数组的length属性类似

			this.size = function(){

				return Object.keys(items).length;

			};

			// sizeLegacy：跨浏览器兼容返回集合元素数量

			this.sizeLegacy = function(){

				let count = 0;

				for(let key in items){

					if(items.hasOwnPrototype(key)){

						++count;

					}

				}

				return count;

			};

			// values：返回一个包含集合中所有数据的数组

			this.values = function(){

				let values = [];

				for(let i=0, keys = Object.keys(items); i<keys.length; i++){

					values.push(items[keys[i]]);

				}

				return values;

			};

			// valuesLegacy：跨浏览器兼容

			this.valuesLegacy = function(){

				let values = [];

				for(let key in items){

					if(items.hasOwnPrototype(key)){

						values.push(items[key]);

					}

				}

				return values;

			};

			// getItems

			this.getItems = function(){

				return items;

			};

			// union：并集

			this.union = function(otherSet){

				let unionSet = new Set();

				let values = this.values();

				for(let i=0; i<values.length; i++){

					unionSet.add(values[i]);

				}

				values = otherSet.values();

				for(let i=0; i<values.length; i++){

					unionSet.add(values[i]);

				}

				return unionSet;

			};

			// intersection：交集

			this.intersection = function(otherSet){

				let intersectionSet = new Set();

				let values = this.values();

				for(let i=0; i<values.length; i++){

					if(otherSet.has(values[i])){

						intersectionSet.add(values[i]);

					}

				}

				return intersectionSet;

			};

			//difference：差集

			this.difference = function(otherSet){

				let differenceSet = new Set();

				let values = this.values();

				for(let i=0; i<values.length; i++){

					if(!otherSet.has(values[i])){

						differenceSet.add(values[i]);

					}

				}

				return differenceSet;

			};

			// subset：子集

			this.subset = function(otherSet){

				if(this.size() > otherSet.size()){

					return false;

				}

				else{

					let values = this.values();

					for(let i=0; i<values.length; i++){

						if(!otherSet.has(values[i])){

							return false;

						}

					}

				}

				return true;

			}

		}

		// Set的使用

		var set1 = new Set();

		set1.add(1);

		set1.add(2);

		set1.add(3);

		var set2 = new Set();

		set2.add(1);

		set2.add(2);

		set2.add(3);

		set2.add(4);

		set2.add(5);

		var set3 = new Set();

		set3.add("a");

		set3.add("b");

		set3.add("c");

		set3.add("d");

		// 打印集合大小

		console.log(set1.size());				//3

		console.log(set2.size());				//5

		console.log(set3.size());				//4

		//打印集合元素的数组形式

		console.log(set1.values());				//[1,2,3]

		console.log(set2.values());				//[1,2,3,4,5]

		console.log(set3.values());				//["a", "b", "c", "d"]

		 // 求set1和set2的并集

		 let set12 = set1.union(set2);

		 console.log(set12.values());			//[1,2,3,4,5]

		 // 求set1和set2的交集

		 let _set12  = set1.intersection(set2);

		 console.log(_set12.values());			//[1,2,3]

		 // 求set1和set2的差集

		 let set2_1 = set2.difference(set1);

		 console.log(set2_1.values());			//[4,5]

		 // 判断set1是否为set2的子集

		 console.log(set1.subset(set2));		//true

		 // 判断set3是否为set2的子集

		 console.log(set3.subset(set2));		//false

	</script>

</head>

<body>

</body>

</html>

　　

【javascript】数据结构-集合的更多相关文章

  1. JavaScript数据结构——集合、字典和散列表

    集合.字典和散列表都可以存储不重复的值. 在集合中,我们感兴趣的是每个值本身,并把它当作主要元素.在字典和散列表中,我们用 [键,值] 的形式来存储数据. 集合(Set 类):[值,值]对,是一组由无 ...

  2. JavaScript数据结构——集合的实现与应用

    与数学中的集合概念类似,集合由一组无序的元素组成,且集合中的每个元素都是唯一存在的.可以回顾一下中学数学中集合的概念,我们这里所要定义的集合也具有空集(即集合的内容为空).交集.并集.差集.子集的特性 ...

  3. 学习javascript数据结构(三)——集合

    前言 总括: 本文讲解了数据结构中的[集合]概念,并使用javascript实现了集合. 原文博客地址:学习javascript数据结构(三)--集合 知乎专栏&&简书专题:前端进击者 ...

  4. 为什么我要放弃javaScript数据结构与算法（第六章）—— 集合

    前面已经学习了数组(列表).栈.队列和链表等顺序数据结构.这一章,我们要学习集合,这是一种不允许值重复的顺序数据结构. 本章可以学习到,如何添加和移除值,如何搜索值是否存在,也可以学习如何进行并集.交 ...

  5. JavaScript数据结构与算法-集合练习

    集合的实现 function Set () { this.dataStore = []; this.add = add; this.remove = remove; this.size = size; ...

  6. 学习javascript数据结构(二)——链表

    前言 人生总是直向前行走,从不留下什么. 原文地址:学习javascript数据结构(二)--链表 博主博客地址:Damonare的个人博客 正文 链表简介 上一篇博客-学习javascript数据结 ...

  7. 学习javascript数据结构(一)——栈和队列

    前言 只要你不计较得失,人生还有什么不能想法子克服的. 原文地址:学习javascript数据结构(一)--栈和队列 博主博客地址:Damonare的个人博客 几乎所有的编程语言都原生支持数组类型,因 ...

  8. JavaScript数据结构——链表

    链表:存储有序的元素集合,但不同于数组,链表中的元素在内存中不是连续放置的.每个元素由一个存储元素本身的节点和一个指向下一个元素的引用(也称指针或链接)组成. 好处:可以添加或移除任意项,它会按需扩容 ...

  9. JavaScript数据结构——栈和队列

    栈:后进先出(LIFO)的有序集合 队列:先进先出(FIFO)的有序集合 --------------------------------------------------------------- ...

  10. 学习javascript数据结构(四)——树

    前言 总括: 本文讲解了数据结构中的[树]的概念,尽可能通俗易懂的解释树这种数据结构的概念,使用javascript实现了树,如有纰漏,欢迎批评指正. 原文博客地址:学习javascript数据结构( ...

随机推荐

  1. MQTT协议笔记之发布流程

    MQTT协议笔记之发布流程 前言 这次要讲到客户端/服务器的发布消息行为,与PUBLISH相关的消息类型,会在这里看到. PUBLISH 客户端发布消息经由服务器分发到所有对应的订阅者那里.一个订阅者 ...

  2. MQTT的学习研究（六） MQTT moquette 的 Blocking API 订阅消息客户端使用

    * 使用 Java 为 MQ Telemetry Transport 创建订户 * 在此任务中,您将遵循教程来创建订户应用程序.订户将针对主题创建预订并接收该预订的发布. * 提供了一个示例订户应用程 ...

  3. webpack打包jquery并引用

    一,引入webpack插件 //打包第三方 const CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlug ...

  4. java中得到文件MIME类型的几种方法(转)

     本文转载自:http://hotsunshine.iteye.com/blog/857485 使用 javax.activation.MimetypesFileTypeMap 需要引入activat ...

  5. Sql Server 关于SET IDENTITY_INSERT的问题

    想要将值插入到自动编号(或者说是标识列,IDENTITY)中去,需要设定 SET IDENTITY_INSERT 示例: 1.首先建立一个有标识列的表: CREATE TABLE products ( ...

  6. 设备加速传感器(accelerometer) ---- HTML5+

    模块:Accelerometer Accelerometer模块管理设备加速度传感器,用于获取设备加速度信息,包括x(屏幕水平方向).y(垂直屏幕水平方向).z(垂直屏幕平面方向)三个方向的加速度信息 ...

  7. JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金)

    第一: 限制只能是整数 <input type = "text" name= "number" id = 'number' onkeyup= " ...

  8. [Android Tips] 32. 解决 Android Device Monitor 在 Mac OS X 卡住

    Alternatively you can keep latest jdk and update swt used by monitor: get updated swt: https://www.e ...

  9. Tomcat部署静态网站

    公司架构:公司架构有5套,主机都是阿里云的ecs,基本上都是SLB做前端负载均衡,后端Tomcat,后接RDS数据库. 业务需求:需要将公司现有网站指向一个二级域名,建立一个新的静态网站,将域名指向现 ...

  10. CodeForces 19B Checkout Assistant

    B. Checkout Assistant time limit per test 1 second memory limit per test 256 megabytes input standar ...