jquery删除数组中重复元素


Posted in Javascript onDecember 05, 2016

话不多说,下面就跟着小编来看下利用jquery实现删除数组中重复元素的具体思路吧

首先定义如下数组

var arr=[0,2,3,5,6,9,2];

我们可以看到数组中存在重复元素'2';

最后通过jquery筛选应该得到[0,2,3,5,6,9];

ok,首先我们再定义一个空数组,用来存放最后筛选出来的元素:

var new_arr=[];

利用jquery的$.inArray可以轻松实现:

遍历数组元素:

for(var i=0;i<arr.length;i++) {
var items=arr[i];

//判断元素是否存在于new_arr中,如果不存在则插入到new_arr的最后

if($.inArray(items,new_arr)==-1) {


new_arr.push(items);

}
}

当遍历到最后一个'2'的时候,因为已经将之前一个'2'插入到了new_arr中,所以最后一个'2'不会执行if中的语句

最后得到新数组new_arr=[0,2,3,5,6,9];

备注:$.inarray(value,array) --确定第一个参数在数组中的位置(如果没有找到则返回 -1 )。

最终代码如下:

var arr=[0,2,3,5,6,9,2];
var new_arr=[];
for(var i=0;i<arr.length;i++) {
var items=arr[i];

//判断元素是否存在于new_arr中,如果不存在则插入到new_arr的最后

if($.inArray(items,new_arr)==-1) {


new_arr.push(items);

}
}
console.log(new_arr); //[0,2,3,5,6,9]

以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
Jul 11 Javascript
javascript中setTimeout的问题解决方法
May 08 Javascript
jQuery给动态添加的元素绑定事件的方法
Mar 09 Javascript
javascript实现给定半径求出圆的面积
Jun 26 Javascript
基于JavaScript实现动态添加删除表格的行
Feb 01 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
Oct 10 Javascript
Javascript中call,apply,bind方法的详解与总结
Dec 12 Javascript
ES6学习教程之对象的扩展详解
May 02 Javascript
用react-redux实现react组件之间数据共享的方法
Jun 08 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
Jan 18 jQuery
vue quill editor 使用富文本添加上传音频功能
Jan 14 Javascript
Js视频播放器插件Video.js使用方法详解
Feb 04 Javascript
jQuery动态增减行的实例代码解析(推荐)
Dec 05 #Javascript
DOM 事件的深入浅出(二)
Dec 05 #Javascript
vue.js指令v-model实现方法
Dec 05 #Javascript
DOM 事件的深入浅出(一)
Dec 05 #Javascript
使用微信小程序开发前端【快速入门】
Dec 05 #Javascript
学习vue.js表单控件绑定操作
Dec 05 #Javascript
JavaScript易错知识点整理
Dec 05 #Javascript
You might like
完美解决Thinkphp3.2中插入相同数据的问题
2017/08/01 PHP
PHP Class SoapClient not found解决方法
2018/01/20 PHP
YII2框架中使用RBAC对模块,控制器,方法的权限控制及规则的使用示例
2020/03/18 PHP
关于PHP中interface的用处详解
2020/07/26 PHP
Javascript 表单之间的数据传递代码
2008/12/04 Javascript
深入理解JavaScript定时机制
2010/10/29 Javascript
JavaScript高级程序设计 阅读笔记(四) ECMAScript中的类型转换
2012/02/27 Javascript
页面只能打开一次Cooike如何实现
2012/12/04 Javascript
javascript同页面多次调用弹出层具体实例代码
2013/08/16 Javascript
js 获取元素在页面上的偏移量的方法汇总
2015/04/13 Javascript
jquery+ajax请求且带返回值的代码
2015/08/12 Javascript
jQuery复合事件结合toggle()方法的用法示例
2017/06/10 jQuery
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
2017/09/25 Javascript
微信小程序模板(template)使用详解
2018/01/31 Javascript
webpack4 css打包压缩问题的解决
2018/05/18 Javascript
浅谈React的最大亮点之虚拟DOM
2018/05/29 Javascript
jQuery-ui插件sortable实现自由拖动排序
2018/12/01 jQuery
vue通过接口直接下载java生成好的Excel表格案例
2020/10/26 Javascript
Python语言编写电脑时间自动同步小工具
2013/03/08 Python
Python 操作MySQL详解及实例
2017/04/30 Python
使用Python实现windows下的抓包与解析
2018/01/15 Python
python模仿网页版微信发送消息功能
2018/02/24 Python
Python实现使用dir获取类的方法列表
2019/12/24 Python
Python计算机视觉里的IOU计算实例
2020/01/17 Python
Python中常见的数制转换有哪些
2020/05/27 Python
Python爬虫使用bs4方法实现数据解析
2020/08/25 Python
详解Python中如何将数据存储为json格式的文件
2020/11/18 Python
python中remove函数的踩坑记录
2021/01/04 Python
Django后端按照日期查询的方法教程
2021/02/28 Python
详解CSS3:overflow属性
2020/11/17 HTML / CSS
控制工程专业个人求职信
2013/09/25 职场文书
清洁工岗位职责
2014/01/29 职场文书
销售提升方案
2014/06/07 职场文书
精神文明建设先进个人事迹材料
2014/12/24 职场文书
治庸问责工作总结
2015/08/11 职场文书
【海涛解说】史上最给力比赛,挑战DOTA极限
2022/04/01 DOTA