js数组交集、差集和并集

已于 2022-07-17 22:41:54 修改
阅读量1.7k 收藏 7
点赞数 1
分类专栏： js基础 文章标签： javascript
于 2022-07-15 16:36:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guizi0809/article/details/125806117
版权
本文介绍了如何使用JavaScript操作数组来实现集合的交集、差集和并集。通过filter和some方法，我们可以方便地获取两个集合的交集、差集，并通过合并和去重得到并集。示例代码详细展示了这些操作的过程。
摘要由CSDN通过智能技术生成

下面所提到的“集合”是一个专有名词，可以简单理解为js中的“数组”

题目：现在有两个集合，集合AcollectionA 和集合BcollectionB 

    const collectionA = [1, 2, 3, 4]
    const collectionB = [2, 4, 6, 8]

求他们的交集、差集和并集

交集

定义：设A，B是两个集合，由所有属于集合A且属于集合B的元素所组成的集合，叫做集合A与集合B的交集

如图，蓝色区域即为集合A和集合B的交集

在这里插入图片描述

求集合A和集合B的交集集合C

    const collectionC = collectionA.filter(c => collectionB.some(d => d === c))   // [2, 4]

差集

定义：设A，B是两个集合，由所有属于A且不属于B的元素构成的集合，叫做集合A与集合B的差集
（同理，由所有属于B且不属于A的元素构成的集合，叫做集合B与集合A的差集）

如图，蓝色区域即为集合A和集合B的差集

在这里插入图片描述

求集合A和集合B的差集集合D

    const collectionD = collectionA.filter(c => !collectionB.some(d => d === c))   // [1, 3]

如图，蓝色区域即为集合B和集合A的差集
在这里插入图片描述

求集合B和集合A的差集集合E

    const collectionE = collectionB.filter(c => !collectionA.some(d => d === c))   // [6, 8]

并集

定义：设A，B是两个集合，把他们所有的元素合并在一起组成的集合，叫做集合A与集合B的并集

如图，蓝色区域即为集合A和集合B的并集

在这里插入图片描述

求集合A和集合B的并集集合F
思路一： 合并集合A和集合的并集和差集，即合并集合C、集合D、集合E
思路二： 合并集合A和集合B并去重

    const collectionF = [...collectionC, ...collectionD, ...collectionE]   // [2, 4, 1, 3, 6, 8]
guizi0809
关注
专栏目录
JS计算两个数组的交集、差集、并集、补集（多种实现方式）
10-16
本文通过多种实现方式给大家介绍了JS计算两个数组的交集、差集、并集、补集 的相关知识，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
JS数组交集、并集、差集的示例代码
10-19
本篇文章主要介绍了JS数组交集、并集、差集的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js数组交集、并集、差集
zxl1990_ok的博客
10-21 1394
数组交集 1. 利用filter + indexOf var arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9], arr2 = [1, 3, 5]; var intersection = arr1.filter(function (val) { return arr2.indexOf(val) > -1; }) console.log(intersection); // [1, 3, 5] 但这种方法针对是value值比较简单的Number(不包括NaN)、St
又双叒叕JavaScript 新增了 7 个方法！
最新发布
08-23 582
在此示例中，odds 集合与 squares 集合的差集是 odds 集合中除去 squares 集合元素后剩余的元素 3, 5, 7，因此 difference() 方法返回了一个包含这些元素的新集合。symmetricDifference() 方法返回一个新集合，该集合包含了此集合或给定集合中的所有元素，但不包含同时存在于这两个集合中的元素，即它们的对称差集。difference() 方法返回一个新集合，该集合包含了此集合中的所有元素，但不包含给定集合中的任何元素，即它们的差集。
JS数组求并集，交集和差集(ES7/ES6/ES5)
热门推荐
qq_35430000的博客
02-28 2万+
需求场景 最近，自己项目中有一些数组操作，涉及到一些数学集的运算，趁着完成后总结一下。 简化问题之后，现有两数组a = [1, 2, 3]，b = [2, 4, 5]，求a，b数组的并集，交集和差集。 方法选择 JS在ES6，ES7之后，新增了一些数组方法，如果能够使用，那是极好的，毕竟自己写封装函数还是比较辛苦的。 ES7 ES7新增了一个Array.prototype.includ...
JS - 计算两个数组的交集、差集、并集、补集（多种实现方式）
Haines
05-25 7406
作者：米渃 链接：https://zhuanlan.zhihu.com/p/368254016 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 方法一：最普遍的做法 使用ES5语法来实现虽然会麻烦些，但兼容性最好，不用考虑浏览器JavaScript版本。也不用引入其他第三方库。 1，直接使用 filter、concat 来计算 var a = [1,2,3,4,5] var b = [2,4,6,8,10] //交集 var c = a.filter(fu.
js数组交集并集差集
m0_46430338的博客
05-31 414
数组相加 const arr1 = [1, 3, 1, '1', 4, 6, 3] const arr2 = [1, 7, 9, 10, 3, 2, 4, 4, 1] // 第一种方法： 使用 concat方法，set数据结构，展开运算符 function addArray(arr1, arr2, isRepeat) { // 合并数组 let arr = arr1.concat(arr2) // 去重操作 if (isRepeat) { arr = [...new Set(arr)
js取两个数组的交集|差集|并集|补集|去重示例代码|angluo-javascript-98592.pdf
10-27
本篇将详细介绍如何使用JavaScript来获取两个数组的交集、差集、并集和补集，以及如何去除数组中的重复元素。这些操作在实际编程中非常实用，可以帮助我们有效地处理和分析数据。 首先，我们需要一个辅助方法`each`...
JavaScript|数组交集和差集(含测试源码)
执念斩长河
05-20 312
创建空数组，遍历A数组，每遍历一项，都检查这项是否存在于B数组中，如果是，那么就phush进空数组。最后就是交集，差集反之即可
JavaScript获取多个数组的交集
03-26
NULL 博文链接：https://jushi1988.iteye.com/blog/1166553
JavaScript求数组的交集和差集
qq_42750608的博客
09-28 283
前端求数组的交集和差集
JS 数组差集、交集、并集
weixin_44136421的博客
07-20 237
let arr1 = [ {id} ]; let arr2 = [ {fpcid: “2da37fdfe66140089dc3367b21cc6194”, fpcNameCode: “34”}, {fpcid: “2da37fdfe66140089dc3367b21cc6195”, fpcNameCode: “33”} ]; let arr3 = arr2.filter(v => { return arr1.every(e => e.fpcid != v.fpcid); }); ...
数组的交集，并集，差集
Wu_Home的博客
11-08 797
let a =[1,2,3] let b =[3,4,5] a-b=[1,2] //差集 b-a=[4,5] //差集 并集 一. let arr1 = [1,2,3,4] let arr2 = [3,4,5,6] function union(arr1,arr2){ let arr = [...arr1,...arr2] let set = new Set...
数组的并集、交集、差集
爱吃袜子的二哈
09-06 1413
public class Test { public static void main(String[] args) { Integer[] m = { 1, 2, 3, 4, 5 }; Integer[] n = { 3, 4, 6 }; System.out.println("----------并集------------"); ...
JS中的交集，并集与差集
huanlesyaya的博客
08-14 346
在后台管理系统中，我们前端可能很少遇到交集，并集与差集的使用，但是在互动小工具中会经常碰到，今天我在写砸金蛋过程中，就遇到了差集的使用，运营小姐姐需要在第一次砸金蛋过程中，第二次会自动触发点击事件，所以我们需要做如下处理，把砸的第一个蛋的序列号与所有蛋的序列号做一个差集并在差集中随机选一个序列号，做为第二次的砸蛋初始，代码如下： 总结：本身是自己想要写一个处理差集，并集与交集的一个方法，但是new Set()这个玩意太好用了，还是用new Set处理更加好又方便。 ...
JS数组的交集、并集、差集
叫我官人
10-25 369
需求1 有两个数组ary1,ary2 实现去除ary2与ary1相同的元素 打印 --> 需求2 获得ary1与ary2重复的元素 打印 --> 需求3 去除ary1与ary2重复的元素 打印 --> Set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 ...
JS数组交集、差集、并集、补集：ES5实现与扩展方法
本文档主要介绍了在JavaScript中计算两个...通过这两种方法，开发者可以根据项目需求和性能考虑选择合适的计算方式来处理JavaScript数组的交集、差集、并集和补集。这种方式既实用又灵活，适用于大部分JavaScript环境。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值