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 相关文章推荐
javascript如何使用bind指定接收者
May 04 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
Mar 05 Javascript
jQuery.cookie.js使用方法及相关参数解释
Mar 06 Javascript
Angular2下使用pdf插件的方法详解
Apr 29 Javascript
AngularJS基于http请求实现下载php生成的excel文件功能示例
Jan 23 Javascript
Swiper 4.x 使用方法(移动端网站的内容触摸滑动)
May 17 Javascript
Auto.js自动收取自己和好友蚂蚁森林能量脚本
Jun 28 Javascript
mpvue 如何使用腾讯视频插件的方法
Jul 16 Javascript
微信小程序image图片加载完成监听
Aug 31 Javascript
对layer弹出框中icon数字参数的说明介绍
Sep 04 Javascript
VUE 组件转换为微信小程序组件的方法
Nov 06 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
Jan 05 Vue.js
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
咖啡豆分级制度 咖啡豆等级分类 咖啡豆是按口感分类的吗?
2021/03/05 新手入门
在Zeus Web Server中安装PHP语言支持
2006/10/09 PHP
我的论坛源代码(五)
2006/10/09 PHP
WINXP下apache+php4+mysql
2006/11/25 PHP
再次研究下cache_lite
2007/02/14 PHP
10条PHP编程习惯助你找工作
2008/09/29 PHP
无刷新动态加载数据 滚动条加载适合评论等页面
2013/10/16 PHP
PHP测试框架PHPUnit组织测试操作示例
2018/05/28 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
IE与firefox下Dhtml的一些区别小结
2009/12/02 Javascript
Jquery下的26个实用小技巧(jQuery tips, tricks &amp; solutions)
2010/03/01 Javascript
动态创建样式表在各浏览器中的差异测试代码
2011/09/13 Javascript
计算世界完全对称日的js代码,粗糙版
2011/11/04 Javascript
javaScript 删除字符串空格多种方法小结
2012/10/24 Javascript
固定表格行列(expression)在IE下适用
2013/07/25 Javascript
jquery中toggle函数交替使用问题
2015/06/22 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
2016/06/25 Javascript
JS非空验证及邮箱验证的实例
2017/08/11 Javascript
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
2017/08/18 Javascript
在小程序中集成redux/immutable/thunk第三方库的方法
2018/08/12 Javascript
js html实现计算器功能
2018/11/13 Javascript
javascript面向对象三大特征之封装实例详解
2019/07/24 Javascript
JavaScript实现横版菜单栏
2020/03/17 Javascript
python生成日历实例解析
2014/08/21 Python
python中尾递归用法实例详解
2015/04/28 Python
使用Python AIML搭建聊天机器人的方法示例
2018/07/09 Python
python 移动图片到另外一个文件夹的实例
2019/01/10 Python
Python 装饰器原理、定义与用法详解
2019/12/07 Python
使用pygame编写Flappy bird小游戏
2020/03/14 Python
解决python和pycharm安装gmpy2 出现ERROR的问题
2020/08/28 Python
有关pycharm登录github时有的时候会报错connection reset的问题
2020/09/15 Python
Canvas多边形绘制的实现方法
2019/08/05 HTML / CSS
2015年语文教学工作总结
2015/05/25 职场文书
办公室日常管理制度
2015/08/04 职场文书
导游词之海南天涯海角
2019/12/05 职场文书
golang定时器
2022/04/14 Golang