0

0

es6怎么检测两个数组是否有相同项

青灯夜游

青灯夜游

发布时间:2022-10-18 16:44:59

|

4287人浏览过

|

来源于php中文网

原创

检测步骤:1、将两数组都转换为set类型,语法“new Set(arr)”;2、获取两集合的交集,语法“new Set([...set1].filter(x=>set2.has(x)))”,交集元素会被包含在一个set集合中返回;3、将包含交集元素的set集合转为数组类型,语法“Array.from(rse)”;4、判断交集数组是否为空数组,如果是则没有相同项,反之则有相同项。

es6怎么检测两个数组是否有相同项

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

检测两个数组是否有相同项,就是检测两个数组是否有交集。

检测思想:

  • 获取两个数组的交集

  • 判断该交集是否为空,如果为空则没有相同项,如果不为空则有相同项。

实现步骤:

1、获取两个数组的交集

es6中,可以利用set对象的has() 方法配合数组的filter()来求两个数组的交集。

  • Set是ES6新提供的数据结构,类似于数组,但是本身没有重复值。利用这一特性,我们可以将数组转为Set类型进行去重,然后使用Array.from方法将其再转为数组。

  • Set has() 方法指示 Set 对象是否包含指定的值。如果指定的值存在,则返回真,否则返回假。

注:想要使用has()方法,需要先将数组转为set集合类型

let a=[1, 2, 3];
let b=[3, 5, 2];
newA = new Set(a);
newB = new Set(b); 
let intersectionSet = new Set([...newA].filter(x => newB.has(x)));
console.log(intersectionSet);

1.png

Picsart AI Image Generator
Picsart AI Image Generator

Picsart推出的AI图片生成器

下载

可以看出此时,交集元素被包含在一个set集合中返回

2、将包含交集元素的set集合转为数组类型

在es6中,可以利用Array.from方法将集合转为数组类型

  • Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。

let intersectionSet = Array.from(new Set([...newA].filter(x => newB.has(x))));
console.log(intersectionSet);

2.png

3、判断交集数组是否为空数组

  • 如果为空数组,则没有相同项

  • 如果不为空数组,则有相同项

if(intersectionSet==[]){
	console.log("没有相同项");
}else{
	console.log("有相同项");
}

完整代码示例:

let a=[1, 2, 3];
let b=[3, 5, 2];
console.log(a);
console.log(b);
newA = new Set(a);
newB = new Set(b); 
let intersectionSet = Array.from(new Set([...newA].filter(x => newB.has(x))));
console.log("两个数组的交集:");
console.log(intersectionSet);
if(intersectionSet==[]){
	console.log("没有相同项");
}else{
	console.log("有相同项");
}

3.png

【相关推荐:javascript视频教程编程视频

相关专题

更多
php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

18

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

14

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

8

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

7

2026.01.22

PHP特殊符号教程合集
PHP特殊符号教程合集

本专题整合了PHP特殊符号相关处理方法,阅读专题下面的文章了解更多详细内容。

4

2026.01.22

PHP探针相关教程合集
PHP探针相关教程合集

本专题整合了PHP探针相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.22

菜鸟裹裹入口以及教程汇总
菜鸟裹裹入口以及教程汇总

本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

17

2026.01.22

Golang 性能分析与pprof调优实战
Golang 性能分析与pprof调优实战

本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

9

2026.01.22

html编辑相关教程合集
html编辑相关教程合集

本专题整合了html编辑相关教程合集,阅读专题下面的文章了解更多详细内容。

105

2026.01.21

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号