JS数组交集、并集、差集的示例代码

下面我将介绍JS数组交集、并集、差集的示例代码,让大家有更深入的理解。

JS数组交集

数组交集指的是两个或两个以上数组中共同的元素。下面是一个示例代码:

const arr1 = [1, 2, 3, 4, 5];
const arr2 = [3, 4, 5, 6, 7];
const arr3 = [4, 5, 6, 7, 8];

const intersection = arr1.filter(x => arr2.includes(x) && arr3.includes(x));

console.log(intersection); //输出 [4, 5]

上面的代码中,我们定义了三个数组arr1,arr2,arr3。我们使用filter()方法过滤出所有数组元素在arr2和arr3中也存在的元素,最后得到交集数组intersection。

JS数组并集

数组并集指的是两个或两个以上数组中的所有元素。下面是一个示例代码:

const arr1 = [1, 2, 3];
const arr2 = [3, 4, 5];
const arr3 = [5, 6, 7];

const unionSet = [...new Set([...arr1, ...arr2, ...arr3])];

console.log(unionSet); //输出 [1, 2, 3, 4, 5, 6, 7]

上面的代码中,我们定义三个数组arr1,arr2,arr3。我们使用ES6的Set对象,去除重复元素生成新的数组,再使用扩展运算符(...)将三个数组合并为一个数组,得到并集数组unionSet。

JS数组差集

数组差集指的是两个数组中不同的元素。下面是一个示例代码:

const arr1 = [1, 2, 3];
const arr2 = [2, 3, 4];

const difference = arr1.filter(x => !arr2.includes(x));

console.log(difference); //输出 [1]

上面的代码中,我们定义了两个数组arr1和arr2。我们使用filter()方法过滤出arr1中元素不存在于arr2中的元素,得到差集数组difference。

至此,JS数组交集、并集、差集的示例代码完整攻略结束。以上就是对这三种方法的一个简单介绍,希望对大家有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS数组交集、并集、差集的示例代码 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • Javascript基础知识(二)事件

    Javascript基础知识(二)事件 一、事件的定义和使用 事件是指在操作网页时所产生的一系列动作,例如鼠标点击、键盘输入、窗口滚动等等。通过事件,我们可以给网页绑定相应的响应函数,实现网页的交互功能。 在Javascript中,事件通常被定义为对象的一种,可以使用addEventListener()方法来绑定事件函数。示例代码如下: document.g…

    JavaScript 2023年6月10日
    00
  • js离开或刷新页面检测(且兼容FF,IE,Chrome)

    来讲解一下”js离开或刷新页面检测(且兼容FF,IE,Chrome)”的完整攻略。 1.需求分析 我们需要一种方法来检测用户是否离开或者刷新页面,当用户离开或者刷新时,我们可以采取一些行动,例如制作一个弹窗或者弹出提示框,提醒用户是否确认离开本页。 2.思路分析 监听onunload和onbeforeunload两个事件。 为了兼容FF,IE,Chrome等…

    JavaScript 2023年6月11日
    00
  • 浅析JavaScript回调函数应用

    浅析JavaScript回调函数应用 什么是回调函数 回调函数是指在一个函数A中调用另一个函数B时,将B作为参数传递给A,并且在A内部执行B的过程就叫做回调函数。 为什么需要回调函数 JavaScript中的函数都是一等公民,可以被当作参数来使用。回调函数在异步编程中非常常见,因为回调函数可以在异步操作完成后被执行,而不会阻塞整个程序的运行。 如何使用回调函…

    JavaScript 2023年5月27日
    00
  • js中如何把字符串转化为对象、数组示例代码

    在Javascript中,我们可以使用JSON对象的方法,将字符串转化为对象、数组。JSON.parse()方法可以将字符串转化为对象或数组。 具体的示例代码如下: 字符串转化为对象 const jsonString = ‘{"name":"Tom", "age":18, "job&quo…

    JavaScript 2023年5月28日
    00
  • Javascript表单验证要注意的事项

    Javascript表单验证是Web开发中的重要部分,可以帮助保证用户输入的正确性和安全性。以下是Javascript表单验证需要注意的事项: 1.客户端验证仅作为辅助验证 客户端验证是在用户提交表单之前在浏览器端进行的验证,主要目的是为了提高用户的体验和减少不必要的服务器请求。但是客户端验证容易被绕过,因此客户端验证应该作为辅助验证,服务器端仍然需要进行严…

    JavaScript 2023年6月10日
    00
  • JavaScript中获取鼠标位置相关属性总结

    在JavaScript中获取鼠标位置相关属性是web开发中的常见需求。本文将从以下几个方面来介绍如何获取鼠标位置相关属性: 获取鼠标在文档中的位置 获取鼠标在视口中的位置 获取鼠标相对于特定元素的位置 获取鼠标在文档中的位置 在JavaScript中通过 clientX 和 clientY 属性获取鼠标在浏览器窗口中的坐标,但是这两个属性只能获取相对于当前可…

    JavaScript 2023年6月11日
    00
  • vue3.0之Router的使用你了解吗

    当涉及到Vue.js应用的路由管理时,Vue.js社区提供了许多路由插件,其中最受欢迎的是Vue Router。Vue Router是Vue.js官方支持的路由管理器,它能够让你基于Vue.js创建SPA(单页应用)非常方便。 Vue Router 3.0相对于Vue Router 2.0的主要更新内容有以下几点: 路由器构造函数改为createRouter…

    JavaScript 2023年6月11日
    00
  • js创建对象几种方式的优缺点对比

    那我来讲解一下“js创建对象几种方式的优缺点对比”的攻略。 什么是对象? 在 JavaScript 中,万物皆对象。简单来说,对象就是一种数据类型,它是由一组“键值对”组成的组合数据类型。每个键都是唯一的,其对应的值可以是任何基本类型的数据,还可以是对象、数组等复杂类型的数据。 对象的创建方式 在 JavaScript 中,创建对象的方式有多种,下面分别来介…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部