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 Function对象扩展之延时执行函数
Jul 06 Javascript
javascript编码的几个方法详细介绍
Jan 06 Javascript
Javascript操作URL函数修改版
Nov 07 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
Apr 29 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
Jun 08 Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
Aug 02 Javascript
使用ajax的post同步执行(实现方法)
Dec 21 Javascript
js生成word中图片处理方法
Jan 06 Javascript
nginx+vue.js实现前后端分离的示例代码
Feb 12 Javascript
angularjs 的数据绑定实现原理
Jul 02 Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
Dec 07 Javascript
利用Dectorator分模块存储Vuex状态的实现
Feb 05 Javascript
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
星际玩家的三大定律
2020/03/04 星际争霸
ThinkPHP模板比较标签用法详解
2014/06/30 PHP
PHP正则匹配操作简单示例【preg_match_all应用】
2017/07/10 PHP
Laravel框架创建路由的方法详解
2019/09/04 PHP
javascript中的有名函数和无名函数
2007/10/17 Javascript
基于jquery的direction图片渐变动画效果
2010/05/24 Javascript
二叉树先序遍历的非递归算法具体实现
2014/01/09 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
关于img的href和src取变量及赋值的方法
2014/04/28 Javascript
web前端开发JQuery常用实例代码片段(50个)
2015/08/28 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
2016/08/08 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
div实现自适应高度的textarea实现angular双向绑定
2017/01/08 Javascript
js字符限制(字符截取) 一个中文汉字算两个字符
2017/09/12 Javascript
js实现图片粘贴上传到服务器并展示的实例
2017/11/08 Javascript
Vuex实现计数器以及列表展示效果
2018/03/10 Javascript
mpvue小程序仿qq左滑置顶删除组件
2018/08/03 Javascript
layDate插件设置开始和结束时间
2018/11/15 Javascript
在移动端使用vue-router和keep-alive的方法示例
2018/12/02 Javascript
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
[01:07]DOTA2次级职业联赛 - Fpb战队宣传片
2014/12/01 DOTA
[01:00:30]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第二场 10.31
2020/11/02 DOTA
Python通过90行代码搭建一个音乐搜索工具
2015/07/29 Python
Python实现登录接口的示例代码
2017/07/21 Python
老生常谈Python之装饰器、迭代器和生成器
2017/07/26 Python
在django中form的label和verbose name的区别说明
2020/05/20 Python
Django的ListView超详细用法(含分页paginate)
2020/05/21 Python
超市实习总结自我鉴定
2013/09/19 职场文书
《假如》教学反思
2014/04/17 职场文书
模具专业求职信
2014/06/26 职场文书
自愿解除劳动合同协议书
2014/09/11 职场文书
大学生党员个人对照检查材料范文
2014/09/25 职场文书
安全承诺书
2015/01/19 职场文书
工厂门卫岗位职责
2015/04/13 职场文书
python实现图片批量压缩
2021/04/24 Python
浅谈MySQL user权限表
2021/06/18 MySQL