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 相关文章推荐
json原理分析及实例介绍
Nov 29 Javascript
简介JavaScript中Boolean.toSource()方法的使用
Jun 05 Javascript
jQuery mobile 移动web(4)
Dec 20 Javascript
ReactNative-JS 调用原生方法实例代码
Oct 08 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
Oct 27 Javascript
xmlplus组件设计系列之图标(ICON)(1)
May 05 Javascript
Vue数据双向绑定原理及简单实现方法
May 18 Javascript
layui table 表格上添加日期控件的两种方法
Sep 28 Javascript
vue 实现websocket发送消息并实时接收消息
Dec 09 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
May 29 Javascript
Element Popover 弹出框的使用示例
Jul 26 Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
Oct 30 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
php设计模式 Chain Of Responsibility (职责链模式)
2011/06/26 PHP
CodeIgniter使用phpcms模板引擎
2013/11/12 PHP
最新最全PHP生成制作验证码代码详解(推荐)
2016/06/12 PHP
PHP递归实现文件夹的复制、删除、查看大小操作示例
2017/08/11 PHP
表单元素事件 (Form Element Events)
2009/07/17 Javascript
js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
2011/03/05 Javascript
利用Vue.js指令实现全选功能
2016/09/08 Javascript
简单的js计算器实现
2016/10/26 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
2016/11/10 Javascript
通过npm引用的vue组件使用详解
2017/03/02 Javascript
手把手搭建安装基于windows的Vue.js运行环境
2017/06/12 Javascript
vue实现百度搜索下拉提示功能实例
2017/06/14 Javascript
node-sass安装失败的原因与解决方法
2017/09/04 Javascript
create-react-app修改为多页面支持的方法
2018/05/17 Javascript
js实现图片局部放大效果详解
2019/03/18 Javascript
原生js+canvas实现下雪效果
2020/08/02 Javascript
Python实现屏幕截图的代码及函数详解
2016/10/01 Python
详解python读取和输出到txt
2019/03/29 Python
Python API 自动化实战详解(纯代码)
2019/06/11 Python
Python OpenCV中的resize()函数的使用
2019/06/20 Python
python 读取更新中的log 或其它文本方式
2019/12/24 Python
Pandas —— resample()重采样和asfreq()频度转换方式
2020/02/26 Python
Python魔术方法专题
2020/06/19 Python
python实现数据结构中双向循环链表操作的示例
2020/10/09 Python
CSS3 animation ? steps 函数详解
2019/08/30 HTML / CSS
HTML5上传文件显示进度的实现代码
2012/08/30 HTML / CSS
Sephora丝芙兰澳洲官方网站:国际知名化妆品购物
2016/10/27 全球购物
荷兰时尚精品店:Labels Fashion
2020/03/22 全球购物
聚网科技C++面试笔试题
2015/09/01 面试题
为什么要使用servlet
2016/01/17 面试题
美容院营销方案
2014/03/05 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
红歌会主持词
2015/07/02 职场文书
导游词之南京莫愁湖公园
2019/11/13 职场文书
2019关于垃圾分类处理的调查报告
2019/12/26 职场文书