JavaScript判断数组重复内容的两种方法(推荐)
2019/6/27 22:22:32
本文主要是介绍JavaScript判断数组重复内容的两种方法(推荐),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
前言
一般,我们可能会给数组去重,这个操作并不复杂,执行一个循环就是了.现在,我要做的是,判断数组中是否有重复的内容,如果有,返回 true 否则,返回 false.
思路
把数组变成字符串
循环原数组,拿每一个字段和这个字符串进行比对,看是否有重复
如何拿A字符串和B字符串进行对比,并且要求判断出B字符串中包含过个A字符串呢?
方法一 indexOf() 和 lastIndexOf() 对比法.
首先,我们构建代码:
var arr = ["aa","bb","cc","bb","aa"]; arrRepeat(arr);
如上,我们要用一个arrRepeat(arr)的校验函数并执行,下面来构建这个函数
function arrRepeat(arr){ var arrStr = JSON.stringify(arr),str; for (var i = 0; i < arr.length; i++) { if (arrStr.indexOf(arr[i]) != arrStr.lastIndexOf(arr[i])){ return true; } }; return false; }
OK,运行成功.
原理特别简单,就是,数组中的字段,在由数组变成的字符串中的首次出现位置和最后一次出现位置是否一致,如果不一致,就说明这个重复出现了.
方法二 match() 正则对比方法
首先,和上面一样,我们构建代码:
var arr = ["aa","bb","cc","bb","aa"]; arrRepeat(arr);
然后,我们重新构建arrRepeat(arr)函数
function arrRepeat(arr){ var arrStr = JSON.stringify(arr),str; for (var i = 0; i < arr.length; i++) { if ((arrStr.match(new RegExp(arr[i],"g")).length)>1){ return true; } }; return false; }
原理是查找确定的重复次数,如果是大于1的话,就肯定是重复了.注意,这里是能够准确的查找出出现了几次的哦!所以,这个方法其实有更广泛的用途.
OK,运行又一次成功
总结
如果仅仅是比对第一个方法其实足够用了.
第二个方法可以查找出现的真实次数,比如重复了4次,就能找到4.具体的用途自己思考咯.
构建包含变量的正则的方法new RegExp(arr[i],"g")也是问别人才问出来的.
其实我先想到的是第二个思路,正则的问题困扰半天,终于解决了.才想到第一个思路的.
以上所述是小编给大家介绍的JavaScript判断数组重复内容的两种方法(推荐),希望能够帮助到大家!
这篇关于JavaScript判断数组重复内容的两种方法(推荐)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist