JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】


Posted in Javascript onFebruary 18, 2019

本文实例讲述了JS实现集合的交集、补集、差集、去重运算。分享给大家供大家参考,具体如下:

ES5写法:

///集合取交集
Array.intersect = function () {
  var result = new Array();
  var obj = {};
  for (var i = 0; i < arguments.length; i++) {
    for (var j = 0; j < arguments[i].length; j++) {
      var str = arguments[i][j];
      if (!obj[str]) {
        obj[str] = 1;
      }
      else {
        obj[str]++;
        if (obj[str] == arguments.length)
        {
          result.push(str);
        }
      }
    }
  }
  return result;
}
//集合去掉重复
Array.prototype.uniquelize = function () {
  var tmp = {},
    ret = [];
  for (var i = 0, j = this.length; i < j; i++) {
    if (!tmp[this[i]]) {
      tmp[this[i]] = 1;
      ret.push(this[i]);
    }
  }
  return ret;
}
//并集
Array.union = function () {
  var arr = new Array();
  var obj = {};
  for (var i = 0; i < arguments.length; i++) {
    for (var j = 0; j < arguments[i].length; j++)
    {
      var str=arguments[i][j];
      if (!obj[str])
      {
        obj[str] = 1;
        arr.push(str);
      }
    }//end for j
  }//end for i
  return arr;
}
//2个集合的差集 在arr不存在
Array.prototype.minus = function (arr) {
  var result = new Array();
  var obj = {};
  for (var i = 0; i < arr.length; i++) {
    obj[arr[i]] = 1;
  }
  for (var j = 0; j < this.length; j++) {
    if (!obj[this[j]])
    {
      obj[this[j]] = 1;
      result.push(this[j]);
    }
  }
  return result;
};
console.log(Array.intersect(["1", "2", "3"], ["2", "3", "4", "5", "6"]));//[2,3]
console.log([1, 2, 3, 2, 3, 4, 5, 6].uniquelize());//[1,2,3,4,5,6]
console.log(Array.union(["1", "2", "3"], ["2", "3", "4", "5", "6"], ["5", "6", "7", "8", "9"]))
console.log(["2", "3", "4", "5", "6"].minus(["1", "2", "3"]));

 使用在线HTML/CSS/JavaScript代码运行工具http://tools.3water.com/code/HtmlJsRun册数上述代码,可得如下运行结果:

JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】

ES6写法:使用构造函数Set

const arr1 = [1,2,3,4];
const arr2 = [3,4,5,6];
const arr3 = [1,2,3,2,1,3,4];
let s1 = new Set(arr1);
let s2 = new Set(arr2);
//并集
let union = [...s1, ...s2];
console.log(union); //[1, 2, 3, 4, 3, 4, 5, 6]
//交集
let intersect = arr1.filter( x => s2.has(x) );
console.log(intersect); //[3, 4]
//差集
let difference = arr1.filter( x => !s2.has(x) );
console.log(difference); //[1, 2]
//去重
let minus = [...new Set(arr3)];
console.log(minus); //[1, 2, 3, 4]

使用在线HTML/CSS/JavaScript代码运行工具http://tools.3water.com/code/HtmlJsRun册数上述代码,可得如下运行结果:

JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
关于IFRAME 自适应高度的研究
Jul 20 Javascript
javascript instanceof,typeof的区别
Mar 24 Javascript
该如何加载google-analytics(或其他第三方)的JS
May 13 Javascript
深入理解Javascript作用域与变量提升
Dec 09 Javascript
javascript获取鼠标点击元素对象(示例代码)
Dec 20 Javascript
ES6的新特性概览
Mar 10 Javascript
AngularJs  unit-testing(单元测试)详解
Sep 02 Javascript
jquery实现图片上传前本地预览
Apr 28 jQuery
微信小程序tabbar不显示解决办法
Jun 08 Javascript
JavaScript门道之标准库
May 26 Javascript
layer.confirm取消按钮绑定事件的方法
Aug 17 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
May 10 Javascript
JS基于开关思想实现的数组去重功能【案例】
Feb 18 #Javascript
JS实现点击li标签弹出对应的索引功能【案例】
Feb 18 #Javascript
Vue框架TypeScript装饰器使用指南小结
Feb 18 #Javascript
深入理解vue-class-component源码阅读
Feb 18 #Javascript
详解TypeScript+Vue 插件 vue-class-component的使用总结
Feb 18 #Javascript
jQuery实现的卷帘门滑入滑出效果【案例】
Feb 18 #jQuery
详解ES7 Decorator 入门解析
Feb 18 #Javascript
You might like
第十五节--Zend引擎的发展
2006/11/16 PHP
php 安全过滤函数代码
2011/05/07 PHP
解析MySql与Java的时间类型
2013/06/22 PHP
PHP生成迅雷、快车、旋风等软件的下载链接代码实例
2014/05/12 PHP
ThinkPHP V2.2说明文档没有说明的那些事实例小结
2015/07/01 PHP
PHP 与 UTF-8 的最佳实践详细介绍
2017/01/04 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
js实现拖拽 闭包函数详细介绍
2012/11/25 Javascript
javascript 文件的同步加载与异步加载实现原理
2012/12/13 Javascript
Knockout visible绑定使用方法
2013/11/15 Javascript
JS短路原理的应用示例 精简代码的途径
2013/12/13 Javascript
判断日期是否能跨月查询的js代码
2014/07/25 Javascript
Angular4绑定html内容出现警告的处理方法
2017/11/03 Javascript
JS实现的JSON数组去重算法示例
2018/04/11 Javascript
Vue 动态设置路由参数的案例分析
2018/04/24 Javascript
Nodejs 和 Electron ubuntu下快速安装过程
2018/05/04 NodeJs
4个顶级JavaScript高级文本编辑器
2018/10/10 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
2019/09/10 Javascript
jQuery插件实现图片轮播效果
2020/10/19 jQuery
python re正则表达式模块(Regular Expression)
2014/07/16 Python
详解python的几种标准输出重定向方式
2016/08/15 Python
Python网络编程使用select实现socket全双工异步通信功能示例
2018/04/09 Python
详解Python用户登录接口的方法
2019/04/17 Python
Django认证系统实现的web页面实现代码
2019/08/12 Python
Django Admin中增加导出Excel功能过程解析
2019/09/04 Python
python rsa实现数据加密和解密、签名加密和验签功能
2019/09/18 Python
jupyter notebook运行命令显示[*](解决办法)
2020/05/18 Python
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
main 主函数执行完毕后,是否可能会再执行一段代码,给出说明
2012/12/05 面试题
机关党员四风问题个人整改措施
2014/10/26 职场文书
2014小学二年级班主任工作总结
2014/12/05 职场文书
酒店保洁员岗位职责
2015/02/26 职场文书
教师个人自我评价
2015/03/04 职场文书
2015纪念九一八事变84周年演讲稿
2015/03/19 职场文书
奥巴马开学演讲观后感
2015/06/12 职场文书
交通安全学习心得体会
2016/01/18 职场文书