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中使用构造器创建对象无需new的情况说明
Mar 01 Javascript
javascript alert乱码的解决方法
Nov 05 Javascript
ExtJS自定义主题(theme)样式详解
Nov 18 Javascript
JS 仿腾讯发表微博的效果代码
Dec 25 Javascript
JS键盘版计算器的制作方法
Dec 03 Javascript
原生js实现可爱糖果数字时间特效
Dec 30 Javascript
使用OPENLAYERS3实现点选的方法
Sep 24 Javascript
jQuery实现倒计时功能 jQuery实现计时器功能
Sep 19 jQuery
JS实现的tab页切换效果完整示例
Dec 18 Javascript
深入学习Vue nextTick的用法及原理
Oct 08 Javascript
JavaScript实现图片伪异步上传过程解析
Apr 10 Javascript
vue基于Echarts的拖拽数据可视化功能实现
Dec 04 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 404错误页面实现代码
2009/06/22 PHP
IIS7.X配置PHP运行环境小结
2011/06/09 PHP
基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍
2013/04/22 PHP
处理(php-cgi.exe - FastCGI 进程超过了配置的请求超时时限)的问题
2013/07/03 PHP
PHP过滤★等特殊符号的正则
2014/01/27 PHP
盘点PHP和ASP.NET的10大对比!
2015/12/24 PHP
PHP实现超简单的SSL加密解密、验证及签名的方法示例
2017/08/28 PHP
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
NodeJS url验证(url-valid)的使用方法
2013/11/18 NodeJs
js中遍历对象的属性和值的方法
2016/07/27 Javascript
js实现下拉框效果(select)
2017/03/28 Javascript
Bootstrap多级菜单的实现代码
2017/05/23 Javascript
使用vue的transition完成滑动过渡的示例代码
2018/06/25 Javascript
vue interceptor 使用教程实例详解
2018/09/13 Javascript
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
[03:47]2015国际邀请赛第三日现场精彩回顾
2015/08/08 DOTA
[59:44]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 paiN vs iG
2018/03/31 DOTA
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
Python操作Sql Server 2008数据库的方法详解
2018/05/17 Python
python使用turtle绘制国际象棋棋盘
2019/05/23 Python
详解Python可视化神器Yellowbrick使用
2019/11/11 Python
Python利用命名空间解析XML文档
2020/08/10 Python
简述 Python 的类和对象
2020/08/21 Python
Python+OpenCV图像处理——实现直线检测
2020/10/23 Python
python 使用OpenCV进行简单的人像分割与合成
2021/02/02 Python
联想加拿大官方网站:Lenovo Canada
2018/04/05 全球购物
Infababy英国:婴儿推车、Travel System婴儿车和婴儿汽车座椅销售
2018/05/23 全球购物
华硕新加坡官方网上商店:ASUS Singapore
2020/07/09 全球购物
房地产销售员的自我评价分享
2013/12/04 职场文书
工程承诺书怎么写
2014/05/24 职场文书
2015年销售员工作总结范文
2015/04/07 职场文书
超市主管竞聘书
2015/09/15 职场文书
高中优秀作文(范文)
2019/08/15 职场文书
Win11怎么修改电源模式?Win11修改电源模式的方法
2022/04/05 数码科技
Python编写冷笑话生成器
2022/04/20 Python