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 相关文章推荐
js实现权限树的更新权限时的全选全消功能
Feb 17 Javascript
JQuery的$和其它JS发生冲突的快速解决方法
Jan 24 Javascript
js判断一个字符串是否包含一个子串的方法
Jan 26 Javascript
jquery日历插件datepicker用法分析
Jan 22 Javascript
自己封装的一个简单的倒计时功能实例
Nov 23 Javascript
浅析JavaScript动画模拟拖拽原理
Dec 09 Javascript
Angular2 组件通信的实例代码
Jun 23 Javascript
webpack项目调试以及独立打包配置文件的方法
Feb 28 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
Mar 02 Javascript
angular5 子组件监听父组件传入值的变化方法
Sep 30 Javascript
详解在create-react-app使用less与antd按需加载
Dec 06 Javascript
为什么node.js不适合大型项目
Apr 28 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
DSP接收机前端设想
2021/03/02 无线电
php 高性能书写
2010/12/11 PHP
解析CI即CodeIgniter框架在Nginx下的重写规则
2013/06/03 PHP
php实现随机生成易于记忆的密码
2015/06/19 PHP
php取出数组单个值的方法
2018/03/12 PHP
基于node.js的快速开发透明代理
2010/12/25 Javascript
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
JS实现简单的键盘打字的效果
2015/04/24 Javascript
JavaScript中的Math.LN2属性用法详解
2015/06/12 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
javascript实现在网页中运行本地程序的方法
2016/02/03 Javascript
AngularJS应用开发思维之依赖注入3
2016/08/19 Javascript
AngularJS自定义指令之复制指令实现方法
2017/05/18 Javascript
angularjs $http实现form表单提交示例
2017/06/09 Javascript
解决ztree搜索中多级菜单展示不全问题
2017/07/05 Javascript
最基础的vue.js双向绑定操作
2017/08/23 Javascript
element el-input directive数字进行控制
2018/10/11 Javascript
vue实现随机验证码功能的实例代码
2019/04/30 Javascript
改变layer confirm弹窗按钮的颜色方法
2019/09/12 Javascript
原生js实现自定义滚动条组件
2021/01/20 Javascript
Python程序员开发中常犯的10个错误
2014/07/07 Python
举例讲解Python中的算数运算符的用法
2015/05/13 Python
python网络编程调用recv函数完整接收数据的三种方法
2017/03/31 Python
Python小游戏之300行代码实现俄罗斯方块
2019/01/04 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
Flask框架学习笔记之表单基础介绍与表单提交方式
2019/08/12 Python
python读取配置文件方式(ini、yaml、xml)
2020/04/09 Python
css3中transition属性详解
2014/09/02 HTML / CSS
英国广泛的照明产品网站:Lights4living
2018/01/28 全球购物
C#如何调用Windows程序打开一个文档
2014/12/26 面试题
工作的心得体会
2013/12/31 职场文书
回门宴答谢词
2014/01/13 职场文书
县委常委班子对照检查材料思想汇报
2014/09/28 职场文书
2015年法制宣传月活动总结
2015/03/26 职场文书
PostgreSQL存储过程实用脚本(二):创建函数入门
2021/04/05 PostgreSQL
html+css实现赛博朋克风格按钮
2021/05/26 HTML / CSS