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 相关文章推荐
悄悄用脚本检查你访问过哪些网站的代码
Dec 04 Javascript
JavaScript中的isXX系列是否继续使用的分析
Apr 16 Javascript
返回上一页并自动刷新的JavaScript代码
Feb 19 Javascript
js中直接声明一个对象的方法
Aug 10 Javascript
基于jQuery实现的图片切换焦点图整理
Dec 07 Javascript
JavaScript实现三阶幻方算法谜题解答
Dec 29 Javascript
跟我学习javascript的函数调用和构造函数调用
Nov 16 Javascript
纯前端JavaScript实现Excel IO案例分享
Aug 26 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
Oct 10 Javascript
vue中的scope使用详解
Oct 29 Javascript
JS脚本实现网页自动秒杀点击
Jan 11 Javascript
JS实现利用闭包判断Dom元素和滚动条的方向示例
Aug 26 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反射应用示例
2014/02/25 PHP
Thinkphp中Create方法深入探究
2014/06/16 PHP
PHP实现的简单mock json脚本分享
2015/02/10 PHP
php中钩子(hook)的原理与简单应用demo示例
2019/09/03 PHP
JavaScript 无符号右移赋值操作
2009/04/17 Javascript
JQUBar 基于JQUERY的柱状图插件
2010/11/23 Javascript
jQuery筛选器children()案例详解(图文)
2013/02/17 Javascript
Extjs4 类的定义和扩展实例
2013/06/28 Javascript
js跨域访问示例(客户端/服务端)
2014/05/19 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
2015/01/07 Javascript
C#中使用迭代器处理等待任务
2015/07/13 Javascript
jquery实现定时自动轮播特效
2015/12/10 Javascript
使用Angular CLI进行Build(构建)和Serve详解
2018/03/24 Javascript
浅谈vue项目4rs vue-router上线后history模式遇到的坑
2018/09/27 Javascript
Angular事件之不同组件间传递数据的方法
2018/11/15 Javascript
Vue组件教程之Toast(Vue.extend 方式)详解
2019/01/27 Javascript
微信小程序实现左侧滑动导航栏
2020/04/08 Javascript
JavaScript实现电灯开关小案例
2020/03/30 Javascript
JS常见错误(Error)及处理方案详解
2020/07/02 Javascript
jQuery实现异步上传一个或多个文件
2020/08/17 jQuery
nodejs+koa2 实现模仿springMVC框架
2020/10/21 NodeJs
微信小程序实现自定义动画弹框/提示框的方法实例
2020/11/06 Javascript
Python编程实现正则删除命令功能
2017/08/30 Python
python实现高斯投影正反算方式
2020/01/17 Python
浅谈Pytorch中的自动求导函数backward()所需参数的含义
2020/02/29 Python
Python自动化办公Excel模块openpyxl原理及用法解析
2020/11/05 Python
用Python 执行cmd命令
2020/12/18 Python
关于HTML5的安全问题开发人员需要牢记的
2012/06/21 HTML / CSS
艺术专业大学生自我评价
2013/09/22 职场文书
汽车维修专业个人求职信范文
2014/01/01 职场文书
后进生转化工作制度
2014/01/17 职场文书
安全目标责任书
2014/07/22 职场文书
民主生活会剖析材料
2014/09/30 职场文书
初中政治教学工作总结
2015/08/13 职场文书
2016年5月份红领巾广播稿
2015/12/21 职场文书
2019年最新版见习人员管理制度!
2019/07/08 职场文书