平武建站

es6如何检测两个数组是否有相同项

这篇“es6如何检测两个数组是否有相同项”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“es6如何检测两个数组是否有相同项”文章吧。

我们提供的服务有：成都网站设计、网站制作、外贸营销网站建设、微信公众号开发、网站优化、网站认证、民乐ssl等。为成百上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的民乐网站制作公司

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

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

检测思想：

  • 获取两个数组的交集

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

实现步骤：

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);

es6如何检测两个数组是否有相同项

可以看出此时，交集元素被包含在一个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);

es6如何检测两个数组是否有相同项

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

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

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

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

es6如何检测两个数组是否有相同项

以上就是关于“es6如何检测两个数组是否有相同项”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注创新互联行业资讯频道。


当前标题：es6如何检测两个数组是否有相同项
文章分享：http://pwwzsj.com/article/ijgcgi.html

其他资讯