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 HashTable
Jan 22 Javascript
javascript编程起步(第五课)
Feb 27 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
Oct 15 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
Javascript实现检测客户端类型代码封包
Dec 03 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
Aug 08 Javascript
Bootstrap导航条学习使用(一)
Feb 08 Javascript
Vue filter介绍及其使用详解
Oct 21 Javascript
Vue自定义toast组件的实例代码
Aug 15 Javascript
JS监听事件的叠加和移除功能
Nov 19 Javascript
微信小程序登录时如何获取input框中的内容
Dec 04 Javascript
js实现数字跳动到指定数字
Aug 25 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不用正则采集速度探究总结
2008/03/24 PHP
浅析ThinkPHP中的pathinfo模式和URL重写
2014/01/06 PHP
php教程之phpize使用方法
2014/02/12 PHP
PHP中4个加速、缓存扩展的区别和选用建议
2014/03/12 PHP
PHP里8个鲜为人知的安全函数分析
2014/12/09 PHP
PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例
2020/08/17 PHP
php生出随机字符串
2017/07/06 PHP
Mootools 1.2教程(3) 数组使用简介
2009/09/14 Javascript
jsTree 基于JQuery的排序节点 Bug
2011/07/26 Javascript
密码强度检测效果实现原理与代码
2013/01/04 Javascript
JavaScript中对象属性的添加和删除示例
2014/05/12 Javascript
angularjs中的e2e测试实例
2014/12/06 Javascript
javascript动态创建及删除元素的方法
2014/12/22 Javascript
js获取域名的方法
2015/01/27 Javascript
javascript制作的简单注册模块表单验证
2015/04/13 Javascript
jQuery简单实现图片预加载
2015/04/20 Javascript
原生JS实现美图瀑布流布局赏析
2015/09/07 Javascript
jQuery移动web开发之页面跳转和加载外部页面的实现
2015/12/04 Javascript
input 禁止输入特殊字符的四种实现方式
2016/08/24 Javascript
详解JS: reduce方法实现 webpack多文件入口
2017/02/14 Javascript
vue下跨域设置的相关介绍
2017/08/26 Javascript
JavaScript Canvas编写炫彩的网页时钟
2019/10/16 Javascript
vue列表数据发生变化指令没有更新问题及解决方法
2020/01/16 Javascript
js在HTML的三种引用方式详解
2020/08/29 Javascript
[06:24]DOTA2亚洲邀请赛小组赛第三日 TOP10精彩集锦
2015/02/01 DOTA
Python2 Selenium元素定位的实现(8种)
2019/02/25 Python
关于python导入模块import与常见的模块详解
2019/08/28 Python
Python BeautifulReport可视化报告代码实例
2020/04/13 Python
基于tensorflow __init__、build 和call的使用小结
2021/02/26 Python
详解css3 mask遮罩实现一些特效
2018/10/24 HTML / CSS
NBA欧洲商店(西班牙):NBA Europe Store ES
2019/04/16 全球购物
介绍一下sql server的安全性
2014/08/10 面试题
汽修专业自荐信
2014/07/07 职场文书
2015年前台文员工作总结
2015/05/18 职场文书
债务纠纷起诉书
2015/05/20 职场文书
毕业设计工作总结
2015/08/14 职场文书