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 相关文章推荐
我见过最全的个人js加解密功能页面
Dec 12 Javascript
DOM下的节点属性和操作小结
May 14 Javascript
jQuery中is()方法用法实例
Jan 06 Javascript
jquery实现简单的无缝滚动
Apr 15 Javascript
jQuery实现仿Alipay支付宝首页全屏焦点图切换特效
May 04 Javascript
js随机生成字母数字组合的字符串 随机动画数字
Sep 02 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
Apr 17 Javascript
简单解析JavaScript中的__proto__属性
May 10 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
Oct 18 Javascript
JavaScript实现数值自动增加动画
Dec 28 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
May 26 Javascript
webpack的pitching loader详解
Sep 23 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 读取文件头判断文件类型的实现代码
2013/08/05 PHP
PHP错误WARNING: SESSION_START() [FUNCTION.SESSION-START]解决方法
2014/05/04 PHP
PHP中Enum(枚举)用法实例详解
2015/12/07 PHP
在WordPress中获取数据库字段内容和添加主题设置菜单
2016/01/11 PHP
PHP请求Socket接口测试实例
2016/08/12 PHP
php微信公众平台交互与接口详解
2016/11/28 PHP
在Laravel中使用DataTables插件的方法
2018/05/29 PHP
[转]JS宝典学习笔记
2007/02/07 Javascript
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
2007/04/01 Javascript
不同的jQuery API来处理不同的浏览器事件
2012/12/09 Javascript
javascript常用对话框小集
2013/09/13 Javascript
jQuery实现点击小图显示大图代码分享
2015/08/25 Javascript
js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
2015/09/02 Javascript
为何JS操作的href都是javascript:void(0);呢
2015/11/12 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
2015/12/14 Javascript
基于Echarts 3.19 制作常用的图形(非静态)
2016/05/19 Javascript
JS基于面向对象实现的多个倒计时器功能示例
2017/02/28 Javascript
如何在Vue项目中添加接口监听遮罩
2021/01/25 Vue.js
Python中装饰器高级用法详解
2017/12/25 Python
python中的decorator的作用详解
2018/07/26 Python
python http基本验证方法
2018/12/26 Python
解决python flask中config配置管理的问题
2019/07/26 Python
H5最强接口之canvas实现动态图形功能
2019/05/31 HTML / CSS
Sarenza德国:法国最大的时尚鞋和包包网上商店
2019/06/08 全球购物
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
哥伦比亚加拿大官网:Columbia Sportswear Canada
2020/09/07 全球购物
测试驱动开发的主要步骤是什么
2014/12/10 面试题
业务部经理岗位职责
2014/01/04 职场文书
会计与出纳自荐书范文
2014/03/16 职场文书
环保倡议书300字
2014/05/15 职场文书
实验室标语
2014/06/21 职场文书
2014年党课学习心得体会
2014/07/08 职场文书
尊老爱幼演讲稿
2014/09/04 职场文书
敲诈同学钱财检讨书范文
2014/11/18 职场文书
2015年十月一日放假通知
2015/08/18 职场文书
手把手教你导入Go语言第三方库
2021/08/04 Golang