• 技术文章 >web前端 >前端问答

    javascript怎么判断两个数组是否有重复的元素

    青灯夜游青灯夜游2022-09-02 17:40:52原创1087

    判断步骤:1、用“new Set(数组)”语句将两个数组都转换为set集合类型;2、用“new Set([...集合1].filter(x => 集合2.has(x)))”语句获取两个集合的交集,会返回一个包含全部交集元素的新集合;3、用“Array.from(交集集合)”语句将集合转为数组类型;4、用“交集数组==[]”语句判断交集数组是否为空数组,若是则两个数组没重复元素。

    大前端零基础入门到就业:进入学习

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    判断两个数组是否有重复的元素,换个说法,就是判断两个数组是否有交集。

    在javascript中,可以利用set对象的has()方法配合数组的filter()来进行判断。

    实现步骤:

    步骤1:将两个数组都转换为set集合类型

    let a=[1, 2, 3];
    let b=[3, 5, 2];
    newA = new Set(a);
    newB = new Set(b);

    步骤2:利用has()和filter()函数获取两个集合的交集

    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

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

    步骤3:利用Array.from方法将集合转为数组类型

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

    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);
    
    let arr = Array.from(intersectionSet);
    console.log(arr);

    2.png

    步骤4:判断交集数组是否为空数组

    if(arr==[]){
    	console.log("两个数组没有重复元素");
    }else{
    	console.log("两个数组有重复元素");
    }

    3.png

    (学习视频分享:web前端

    以上就是javascript怎么判断两个数组是否有重复的元素的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    快捷开发Web应用及小程序:点击使用

    支持亿级表,高并发,自动生成可视化后台。

    专题推荐:javascript
    上一篇:css的三种不同的引入方式是什么 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• JS数组学习之如何在头部或尾部插入元素?• JS数组学习之怎么去除头部或尾部元素• JS数组学习之如何根据数组下标删除任意元素• JS数组学习之迭代数组计算元素总和、将值连接成字符串• JS数组学习之返回满足给定条件的全部元素• JS数组学习之检查是不是存在给定元素
    1/1

    PHP中文网