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 相关文章推荐
jquery select操作的日期联动实现代码
Dec 06 Javascript
javascript中this做事件参数相关问题解答
Mar 17 Javascript
深入浅析AngularJS和DataModel
Feb 16 Javascript
JS实现的简单图片切换功能示例【测试可用】
Feb 14 Javascript
ES6正则的扩展实例详解
Apr 25 Javascript
解决ionic和angular上拉加载的问题
Aug 03 Javascript
基于Vue的SPA动态修改页面title的方法(推荐)
Jan 02 Javascript
jQuery+ajax实现动态添加表格tr td功能示例
Apr 23 jQuery
vue-cli V3.0版本的使用详解
Oct 24 Javascript
vue-cli3 从搭建到优化的详细步骤
Jan 20 Javascript
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
Aug 26 Javascript
Vue全局事件总线你了解吗
Feb 24 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
在服务端进行目录建立、删除,文件上传、删除的过程的php代码
2008/09/10 PHP
关于查看MSSQL 数据库 用户每个表 占用的空间大小
2013/06/21 PHP
PHP获取网页标题的3种实现方法代码实例
2014/04/11 PHP
php中输出json对象的值(实现方法)
2018/03/07 PHP
PHP实现的超长文本分页显示功能示例
2018/06/04 PHP
JS中==与===操作符的比较
2009/03/21 Javascript
js下通过getList函数实现分页效果的代码
2010/09/17 Javascript
MooTools 页面滚动浮动层智能定位实现代码
2011/08/23 Javascript
基于jquery实现控制经纬度显示地图与卫星
2013/05/20 Javascript
JS 毫秒转时间示例代码
2013/09/22 Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
2014/01/13 Javascript
JavaScript中对象属性的添加和删除示例
2014/05/12 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
2014/12/15 Javascript
JS实现简单路由器功能的方法
2015/05/27 Javascript
详解基于 axios 的 Vue 项目 http 请求优化
2017/09/04 Javascript
React-Native中禁用Navigator手势返回的示例代码
2017/09/09 Javascript
使用Bootrap和Vue实现仿百度搜索功能
2017/10/26 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
2018/07/25 Javascript
浅析java线程中断的办法
2018/07/29 Javascript
JS数组方法slice()用法实例分析
2020/01/18 Javascript
jquery实现简单每周轮换的日历
2020/09/10 jQuery
python和C语言混合编程实例
2014/06/04 Python
python实现在windows下操作word的方法
2015/04/28 Python
python用pandas数据加载、存储与文件格式的实例
2018/12/07 Python
Python实现操纵控制windows注册表的方法分析
2019/05/24 Python
AmazeUI中各种的导航式菜单与解决方法
2020/08/19 HTML / CSS
欧洲最大的婴幼儿服装及内衣公司:Petit Bateau(小帆船)
2016/08/16 全球购物
美国医生配方营养补充剂供应商:Healthy Directions
2019/07/10 全球购物
财务工作个人求职的自我评价
2013/12/19 职场文书
矫正人员思想汇报
2014/01/08 职场文书
计算机软件专业求职信
2014/06/10 职场文书
小学教师师德师风个人整改措施
2014/09/18 职场文书
2014年图书室工作总结
2014/12/09 职场文书
张丽莉观后感
2015/06/16 职场文书
在CSS中使用when/else的方法
2022/01/18 HTML / CSS
Django中celery的使用项目实例
2022/07/07 Python