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 相关文章推荐
JS 分号引起的一段调试问题
Jun 18 Javascript
JS实现当前页居中分页效果的方法
Jun 18 Javascript
JS操作XML实例总结(加载与解析XML文件、字符串)
Dec 08 Javascript
JavaScript中利用jQuery绑定事件的几种方式小结
Mar 06 Javascript
文件上传插件SWFUpload的使用指南
Nov 29 Javascript
js生成随机数方法和实例
Jan 17 Javascript
vue通过watch对input做字数限定的方法
Jul 13 Javascript
webstorm中vue语法的支持详解
May 09 Javascript
vue使用websocket的方法实例分析
Jun 22 Javascript
Vue 通过公共字段,拼接两个对象数组的实例
Nov 07 Javascript
vue使用swiper实现中间大两边小的轮播图效果
Nov 24 Javascript
vue移动端的左右滑动事件详解
Jun 17 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
PHP实现定时生成HTML网站首页实例代码
2008/11/20 PHP
Discuz!下Memcache缓存实现方法
2010/05/28 PHP
php下网站防IP攻击代码,超级实用
2010/10/24 PHP
PHP setcookie指定domain参数后,在IE下设置cookie失效的解决方法
2011/09/09 PHP
php按百分比生成缩略图的代码分享
2014/05/10 PHP
php实现读取手机客户端浏览器的类
2015/01/09 PHP
memcache一致性hash的php实现方法
2015/03/05 PHP
PHP随手笔记整理之PHP脚本和JAVA连接mysql数据库
2015/11/25 PHP
Yii 使用intervention/image拓展实现图像处理功能
2019/06/22 PHP
Javascript Math对象
2009/08/13 Javascript
$.format,jquery.format 使用说明
2011/07/13 Javascript
常用Extjs工具:Extjs.util.Format使用方法
2012/03/22 Javascript
js控制滚动条缓慢滚动到顶部实现代码
2013/03/20 Javascript
防止jQuery ajax Load使用缓存的方法小结
2014/02/22 Javascript
jQuery trigger()方法用法介绍
2015/01/13 Javascript
使用jQuery操作HTML的table表格的实例解析
2016/03/13 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
2017/04/13 jQuery
详解微信JS-SDK选择图片遇到的坑
2018/08/15 Javascript
自己动手封装一个React Native多级联动
2018/09/19 Javascript
实用的Vue开发技巧
2019/05/30 Javascript
express如何解决ajax跨域访问session失效问题详解
2019/06/20 Javascript
jQuery实现手风琴效果(蒙版)
2020/01/11 jQuery
JavaScript Image对象实现原理实例解析
2020/08/26 Javascript
python实现的正则表达式功能入门教程【经典】
2017/06/05 Python
python IDLE 背景以及字体大小的修改方法
2019/07/12 Python
利用python list完成最简单的DB连接池方法
2019/08/09 Python
python3 使用Opencv打开USB摄像头,配置1080P分辨率的操作
2019/12/11 Python
css3实现背景图片拉伸效果像桌面壁纸一样
2013/08/19 HTML / CSS
英国床垫在线:Mattress Online
2016/12/07 全球购物
实习生工作证明范本
2014/09/14 职场文书
三峡导游词
2015/01/31 职场文书
慰问信格式规范
2015/03/23 职场文书
企业工会工作总结2015
2015/05/13 职场文书
SQL注入详解及防范方法
2021/12/06 MySQL
python blinker 信号库
2022/05/04 Python
详解MongoDB排序时内存大小限制与创建索引的注意事项
2022/05/06 MongoDB