JavaScript检查数据中是否存在相同的元素(两种方法)


Posted in Javascript onOctober 07, 2018

这里是两个用于数组中查找重复元素的demo,可以看看啦

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
<input type="text" id="Values" style="width: 100px;height: 25px;">
<button id="gain">获取</button>
<!--gain-->
</body>
<script src="jquery-2.2.2.min.js"></script>
<script type="text/javascript">
 //方法一
var arr1 = ["11", "22", "33", "44"];
 var arr=new Array(arr1);
 Array.prototype.in_array=function(e){
 var r=new RegExp(','+e+',');
 return (r.test(','+this.join(this.S)+','));
 };
 $("#gain").on("click",function () {
 var newValue=$("#Values").val();
 console.log(newValue);
 if(arr.in_array(newValue)){
 alert("已重复,请不要重复添加");
 }else {
 arr1.push(newValue);
 console.log(arr1);
 }
 })
 //方法二
function isArr(arr,value) {
 for(var i=0;i<arr.length;i++){
 if(value===arr[i]){
 return true;
 }
 }
 return false;
 }
 var arr2 = ["11", "22", "33", "44"];//用于进行比较的数组
$("#gain").on("click",function () {
 var value2=$("#Values").val();
 if(isArr(arr2,value2)){
 alert("已重复,请不要重复添加")
 }else {
 arr2.push(value2);
 console.log(arr2);
 }
 })
</script>
</html>

总结

以上所述是小编给大家介绍的JavaScript检查数据中是否存在相同的元素(两种方法),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
JavaScript 调试器简介
Feb 21 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
Aug 08 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
Jan 07 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
AngularJS中的包含详细介绍及实现示例
Jul 28 Javascript
angularjs定时任务的设置与清除示例
Jun 02 Javascript
Echarts动态加载多条折线图的实现代码
May 24 Javascript
JavaScript箭头函数中的this详解
Jun 19 Javascript
JS/jQuery实现超简单的Table表格添加,删除行功能示例
Jul 31 jQuery
BootstrapValidator验证用户名已存在(ajax)
Nov 08 Javascript
Openlayers实现图形绘制
Sep 28 Javascript
vue实现禁止浏览器记住密码功能的示例代码
Feb 03 Vue.js
JS函数内部属性之arguments和this实例解析
Oct 07 #Javascript
JS如何获取地址栏的参数实例讲解
Oct 06 #Javascript
详谈js的变量提升以及使用方法
Oct 06 #Javascript
浅析js中mvvm模式实现的原理
Oct 06 #Javascript
js for终止循环 跳出多层循环
Oct 04 #Javascript
iView-admin 动态路由问题的解决方法
Oct 03 #Javascript
Angular resolve基础用法详解
Oct 03 #Javascript
You might like
用PHP读取IMAP邮件
2006/10/09 PHP
fleaphp下不确定的多条件查询的巧妙解决方法
2008/09/11 PHP
PHP安全防范技巧分享
2011/11/03 PHP
CI框架出现mysql数据库连接资源无法释放的解决方法
2016/05/17 PHP
setTimeout的延时为0时多个浏览器的区别
2012/05/23 Javascript
JS分页控件 可用于无刷新分页
2013/07/23 Javascript
JavaScript设计模式之代理模式介绍
2014/12/28 Javascript
jQuery实现contains方法不区分大小写的方法
2015/02/13 Javascript
text-align:justify实现文本两端对齐 兼容IE
2015/08/19 Javascript
JavaScript实现256色转灰度图
2017/02/22 Javascript
js中的触发事件对象event.srcElement与event.target详解
2017/03/15 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
2018/04/03 Javascript
AngularJS与BootStrap模仿百度分页的示例代码
2018/05/23 Javascript
微信小程序(订阅消息)功能
2019/10/25 Javascript
如何在wxml中直接写js代码(wxs)
2019/11/14 Javascript
JS使用Chrome浏览器实现调试线上代码
2020/07/23 Javascript
vue+element-ui JYAdmin后台管理系统模板解析
2020/07/28 Javascript
JavaScript实现4位随机验证码的生成
2021/01/28 Javascript
python逆向入门教程
2018/01/15 Python
对python mayavi三维绘图的实现详解
2019/01/08 Python
Python----数据预处理代码实例
2019/03/20 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
基于Django统计博客文章阅读量
2019/10/29 Python
使用OpenCV去除面积较小的连通域
2020/07/05 Python
Selenium关闭INFO:CONSOLE提示的解决
2020/12/07 Python
新西兰第一的行李箱网站:luggage.co.nz
2019/07/22 全球购物
Pottery Barn阿联酋:购买家具、家居装饰及更多
2019/12/08 全球购物
三个Unix的命令面试题
2015/04/12 面试题
春季防火方案
2014/05/10 职场文书
电焊工岗位工作职责
2014/07/09 职场文书
领导批评与自我批评范文
2014/10/16 职场文书
建党伟业观后感
2015/06/01 职场文书
教师继续教育反思周记
2015/06/25 职场文书
python实现简单反弹球游戏
2021/04/12 Python
浅谈Python项目的服务器部署
2021/04/25 Python
基于angular实现树形二级表格
2021/10/16 Javascript