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 相关文章推荐
ExtJS 2.0实用简明教程 之Border区域布局
Apr 29 Javascript
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
Oct 24 Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 Javascript
JS简单实现城市二级联动选择插件的方法
Aug 19 Javascript
JavaScript 数组的深度复制解析
Nov 02 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
Jan 01 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
ionic2打包android时gradle无法下载的解决方法
Apr 05 Javascript
详解微信小程序与内嵌网页交互实现支付功能
Oct 22 Javascript
五分钟搞懂Vuex实用知识(小结)
Aug 12 Javascript
vue quill editor 使用富文本添加上传音频功能
Jan 14 Javascript
如何使用CocosCreator对象池
Apr 14 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中常用编辑器推荐
2007/01/02 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
jQuery ajax+PHP实现的级联下拉列表框功能示例
2019/02/12 PHP
Html中JS脚本执行顺序简单举例说明
2010/06/19 Javascript
用JS判断IE版本的代码 超管用!
2011/08/09 Javascript
Javascript 中创建自定义对象的方法汇总
2014/12/04 Javascript
JavaScript中实现继承的三种方式和实例
2015/01/29 Javascript
javascript 对象数组根据对象object key的值排序
2015/03/09 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
2016/01/18 Javascript
使用JavaScript实现一个小程序之99乘法表
2017/09/21 Javascript
Vue路由切换时的左滑和右滑效果示例
2018/05/29 Javascript
优化Vue项目编译文件大小的方法步骤
2019/05/27 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
[01:04]DOTA2上海特锦赛现场采访 FreeAgain遭众解说围攻
2016/03/25 DOTA
[00:31]2016完美“圣”典风云人物:国士无双宣传片
2016/12/04 DOTA
简单说明Python中的装饰器的用法
2015/04/24 Python
python实现稀疏矩阵示例代码
2017/06/09 Python
python使用RNN实现文本分类
2018/05/24 Python
基于Django实现日志记录报错信息
2019/12/17 Python
Python3 全自动更新已安装的模块实现
2020/01/06 Python
Django项目uwsgi+Nginx保姆级部署教程实现
2020/04/19 Python
通过实例解析python subprocess模块原理及用法
2020/10/10 Python
Python调用高德API实现批量地址转经纬度并写入表格的功能
2021/01/12 Python
解决margin 外边距合并问题
2019/07/03 HTML / CSS
美国高街时尚品牌:OASAP
2016/07/24 全球购物
Dillard’s百货官网:Dillards.com
2018/05/26 全球购物
应聘医学检验人员自荐信
2013/09/27 职场文书
幼师专业求职推荐信
2013/11/08 职场文书
关于祖国的演讲稿
2014/05/04 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
《秋天的怀念》教学反思
2016/02/17 职场文书
使用Oracle跟踪文件的问题详解
2021/06/28 Oracle
PostGIS的安装与入门使用指南
2022/01/18 PostgreSQL
OpenCV实现常见的四种图像几何变换
2022/04/01 Python
JS高级程序设计之class继承重点详解
2022/07/07 Javascript