js判断两个数组是否存在相同元素的四种方法

 更新时间:2023年07月14日 11:27:08   作者:小刘同学要加油呀  
这篇文章主要给大家介绍了关于js判断两个数组是否存在相同元素的四种方法,js中是不能直接用==或者===来计算两个数组是否相等的,那么就需要对数组的值进行比较,需要的朋友可以参考下

1.第一种方法-简单

思路很简单:两个数组遍历判断。

function hasRepeat(arr1,arr2){
    if(arr1.length===0){
        return false;
    }
    if(arr2.length===0){
        return false;
    }
    var flag = false;
    for(var i=0;i<arr1.length;i++){
        if(arr2.indexOf(arr1[i]) >= 0){
            flag=true;
            break;
        }
    }
    return flag;
}

测试:

测试函数

2.第二种方法-双重循环

function hasDuplicate(arr1, arr2) {
  for (let i = 0; i < arr1.length; i++) {
    for (let j = 0; j < arr2.length; j++) {
      if (arr1[i] === arr2[j]) {
        return true;
      }
    }
  }
  return false;
}

3.第三种方法-利用set和some

利用set和some

function hasDuplicate(arr1, arr2) {
  const set1 = new Set(arr1);
  return arr2.some((item) => set1.has(item));
}

4.第四种方法-set交集

思路:将数组转化为set.

求交集,交集为空则没有重复。

function hasDuplicate(arr1, arr2) {
  const set1 = new Set(arr1);
  const set2 = new Set(arr2);
  let intersect = new Set([...set1].filter( => set2.has(e)));
  return intersect.size > 0 
}

总结

到此这篇关于js判断两个数组是否存在相同元素的四种方法的文章就介绍到这了,更多相关js判断数组相同元素内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 微信小程序audio组件在ios端无法播放的解决办法

    微信小程序audio组件在ios端无法播放的解决办法

    audio是音频组件,用于播放一个基于http协议的音频资源,这篇文章主要给大家介绍了关于微信小程序audio组件在ios端无法播放的解决办法,需要的朋友可以参考下
    2021-07-07
  • JS自定义函数实现时间戳转换成date的方法示例

    JS自定义函数实现时间戳转换成date的方法示例

    这篇文章主要介绍了JS自定义函数实现时间戳转换成date的方法,结合具体实例形式分析了javascript时间戳与日期格式的计算与转换相关操作技巧,需要的朋友可以参考下
    2017-08-08
  • javascript解析json实例详解

    javascript解析json实例详解

    这篇文章主要介绍了javascript解析json的方法,以实例形式详细讲述了javascript的json库用法,需要的朋友可以参考下
    2014-11-11
  • js自动生成的元素与页面原有元素发生堆叠的解决方法

    js自动生成的元素与页面原有元素发生堆叠的解决方法

    js自动生成的元素与页面原有元素发生堆叠通过去除浮动,给原有元素(商品扩展信息部分)加上clear:both; 果然正常了
    2013-10-10
  • TensorFlow.js机器学习预测鸢尾花种类

    TensorFlow.js机器学习预测鸢尾花种类

    TensorFlow.js是一个开源的基于硬件加速的JavaScript库,用于训练和部署机器学习模型。本教程将会带大家简单了解和使用TensorFlow.js框架实现预测鸢尾花种类
    2022-11-11
  • Webpack实现多页面打包的方法步骤

    Webpack实现多页面打包的方法步骤

    本文主要介绍了Webpack实现多页面打包的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-01-01
  • js+html+css实现鼠标移动div实例

    js+html+css实现鼠标移动div实例

    移动div对于很多的网有们来说是一件很熟悉的事了,本文老生长谈,用js实现鼠标移动div,希望大伙们可以举一反三,感兴趣的朋友可以参考下,或许本文对你有所帮助
    2013-01-01
  • 关于网页中的无缝滚动的js代码

    关于网页中的无缝滚动的js代码

    随便打开一个网页,基本上都会看到无缝滚动或者轮播图,比如淘宝还有360官网的首页。那么这些滚动效果是怎么实现的呢?下面小编给大家分享关于网页中的无缝滚动的js代码,感兴趣的朋友一起看下吧
    2016-06-06
  • js指定步长实现单方向匀速运动

    js指定步长实现单方向匀速运动

    这篇文章主要为大家详细介绍了js指定步长实现单方向匀速运动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • js实现表格的隔行变色和上下移动

    js实现表格的隔行变色和上下移动

    这篇文章主要为大家详细介绍了js实现表格的隔行变色和上下移动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02

最新评论