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学习笔记 delete运算符
Sep 13 Javascript
jquery阻止冒泡事件使用模拟事件
Sep 06 Javascript
JS+CSS实现DIV层的展开、收缩效果
Jan 28 Javascript
浅谈js中的三种继承方式及其优缺点
Aug 10 Javascript
jquery实时获取时间的简单实例
Jan 26 Javascript
解读ES6中class关键字
Nov 20 Javascript
vue-cli 组件的导入与使用教程详解
Apr 11 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
Jun 25 Javascript
vue-router之nuxt动态路由设置的两种方法小结
Sep 26 Javascript
解决layui富文本编辑器图片上传无法回显的问题
Sep 18 Javascript
vue调用语音播放的方法
Sep 27 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
Feb 27 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中将ip地址转成十进制数的两种实用方法
2013/08/15 PHP
php多线程并发实现方法
2016/09/30 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
2007/06/29 Javascript
如何用js控制css中的float的代码
2007/08/16 Javascript
学习JavaScript的最佳方法分享
2011/10/21 Javascript
JS数组去重与取重的示例代码
2014/01/24 Javascript
JavaScript基础教程之alert弹出提示框实例
2014/10/16 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
2016/12/19 Javascript
AngularJS 文件上传控件 ng-file-upload详解
2017/01/13 Javascript
Bootstrap Table使用整理(一)
2017/06/09 Javascript
Bootstrap treeview实现动态加载数据并添加快捷搜索功能
2018/01/07 Javascript
AngularJS模态框模板ngDialog的使用详解
2018/05/11 Javascript
jQuery+PHP实现上传裁剪图片
2020/06/29 jQuery
js回溯法计算最佳旅行线路代码实例
2019/09/11 Javascript
如何利用nodejs自动定时发送邮件提醒(超实用)
2020/12/01 NodeJs
[01:08:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS LGD-CDEC
2014/05/22 DOTA
python2与python3中关于对NaN类型数据的判断和转换方法
2018/10/30 Python
Django之Mode的外键自关联和引用未定义的Model方法
2018/12/15 Python
在PyCharm导航区中打开多个Project的关闭方法
2019/01/17 Python
java判断三位数的实例讲解
2019/06/10 Python
详解python 破解网站反爬虫的两种简单方法
2020/02/09 Python
django下创建多个app并设置urls方法
2020/08/02 Python
CSS3实现同时执行倾斜和旋转的动画效果
2016/10/27 HTML / CSS
伦敦眼门票在线预订:London Eye
2018/05/31 全球购物
一道Delphi上机题
2012/06/04 面试题
中学生自我鉴定
2014/02/04 职场文书
优秀管理者获奖感言
2014/02/17 职场文书
进步之星获奖感言
2014/02/22 职场文书
项目投资合作意向书
2014/07/29 职场文书
2015年前台接待工作总结
2015/05/04 职场文书
2016年教师节特级教师获奖感言
2015/12/09 职场文书
Pytorch使用shuffle打乱数据的操作
2021/05/20 Python
SQL Server使用导出向导功能
2022/04/08 SQL Server
Nginx限流和黑名单配置
2022/05/20 Servers