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 相关文章推荐
Java 正则表达式学习总结和一些小例子
Sep 13 Javascript
jquery 滚动条事件简单实例
Jul 12 Javascript
使用JQuery库提供的扩展功能实现自定义方法
Sep 09 Javascript
在JSP中如何实现MD5加密的方法
Nov 02 Javascript
前端分页功能的实现以及原理(jQuery)
Jan 22 Javascript
JS操作input标签属性checkbox全选的实现代码
Mar 02 Javascript
如何使用vuejs实现更好的Form validation?
Apr 07 Javascript
详解适配器在JavaScript中的体现
Sep 28 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
微信小程序实现的一键复制功能示例
Apr 24 Javascript
JS浮点数运算结果不精确的Bug解决
Aug 01 Javascript
js在HTML的三种引用方式详解
Aug 29 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守护进程 加linux命令nohup实现任务每秒执行一次
2011/07/04 PHP
深入理解PHP之数组(遍历顺序)  Laruence原创
2012/06/13 PHP
PHP的加密方式及原理
2012/06/14 PHP
zend framework配置操作数据库实例分析
2012/12/06 PHP
php中将一个对象保存到Session中的方法
2015/03/13 PHP
PHP7.1实现的AES与RSA加密操作示例
2018/06/15 PHP
asp.net 30分钟掌握无刷新 Repeater
2011/09/16 Javascript
jquery与ajax获取特殊字符实例详解
2017/01/08 Javascript
Vue2学习笔记之请求数据交互vue-resource
2017/02/23 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
2017/07/12 jQuery
layer.confirm取消按钮绑定事件的方法
2018/08/17 Javascript
详解React之key的使用和实践
2018/09/29 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
2019/04/10 Javascript
javascript实现京东登录显示隐藏密码
2020/08/02 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
2020/09/12 Javascript
[02:25]DOTA2英雄基础教程 虚空假面
2014/01/02 DOTA
详细解析Python当中的数据类型和变量
2015/04/25 Python
Python语言的变量认识及操作方法
2018/02/11 Python
Python控制Firefox方法总结
2019/06/03 Python
pandas如何处理缺失值
2019/07/31 Python
python ubplot使用方法解析
2020/01/10 Python
解决pycharm不能自动补全第三方库的函数和属性问题
2020/03/12 Python
python filecmp.dircmp实现递归比对两个目录的方法
2020/05/22 Python
html5使用Canvas绘图的使用方法
2017/11/21 HTML / CSS
玩具反斗城葡萄牙官方商城:Toys"R"Us葡萄牙
2016/10/21 全球购物
日本7net购物网:书籍、漫画、杂志、DVD、游戏邮购
2017/02/17 全球购物
英国办公用品商店:Office Outlet
2018/04/04 全球购物
小学二年级评语
2014/04/21 职场文书
2014年社区重阳节活动策划方案
2014/09/16 职场文书
2014年销售部工作总结
2014/12/01 职场文书
2015年团支部工作总结
2015/04/03 职场文书
2015年检验科工作总结
2015/04/27 职场文书
《天使的翅膀》读后感3篇
2019/12/20 职场文书
Nginx使用X-Accel-Redirect实现静态文件下载的统计、鉴权、防盗链、限速等
2021/04/04 Servers
pandas提升计算效率的一些方法汇总
2021/05/30 Python
实现一个简单得数据响应系统
2021/11/11 Javascript