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 相关文章推荐
对google个性主页的拖拽效果的js的完整注释[转]
Apr 10 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
Aug 07 Javascript
浅析jquery的作用与优势
Dec 02 Javascript
jquery鼠标停止移动事件
Dec 21 Javascript
jQuery实现简单的日期输入格式化控件
Mar 12 Javascript
AngularJS中transclude用法详解
Nov 03 Javascript
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
微信小程序实现折叠面板
Jan 31 Javascript
微信小程序ibeacon三点定位详解
Oct 31 Javascript
JS sort方法基于数组对象属性值排序
Jul 10 Javascript
Vue页面渲染中key的应用实例教程
Jan 12 Vue.js
React配置子路由的实现
Jun 03 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
神族 Protoss 剧情介绍
2020/03/14 星际争霸
linux系统下php安装mbstring扩展的二种方法
2014/01/20 PHP
php 不使用js实现页面跳转
2014/02/11 PHP
Yii2实现同时搜索多个字段的方法
2016/08/10 PHP
使用TextRange获取输入框中光标的位
2006/10/14 Javascript
excel操作之Add Data to a Spreadsheet Cell
2007/06/12 Javascript
jquery之Document元素选择器篇
2008/08/14 Javascript
ajax的hide隐藏问题解决方法
2012/12/11 Javascript
基于jquery实现拆分姓名的方法(纯JS版)
2013/05/08 Javascript
javascript去掉前后空格的实例
2013/11/07 Javascript
js购物车实现思路及代码(个人感觉不错)
2013/12/23 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
2015/03/11 Javascript
JavaScript程序开发之JS代码放置的位置
2016/01/15 Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
2016/02/03 Javascript
javaScript知识点总结(必看篇)
2016/06/10 Javascript
JavaScript的this关键字的理解
2016/06/18 Javascript
jQuery bt气泡实现悬停显示及移开隐藏功能的方法
2016/07/12 Javascript
Vue.js实现无限加载与分页功能开发
2016/11/03 Javascript
Html5 js实现手风琴效果
2020/04/17 Javascript
js实现HTML中Select二级联动的实例
2018/01/05 Javascript
vue 根据数组中某一项的值进行排序的方法
2018/08/30 Javascript
nodejs dgram模块广播+组播的实现示例
2019/11/04 NodeJs
在Vue中获取自定义属性方法:data-id的实例
2020/09/09 Javascript
对python:print打印时加u的含义详解
2018/12/15 Python
详解Python中正则匹配TAB及空格的小技巧
2019/07/26 Python
Pytoch之torchvision.transforms图像变换实例
2019/12/30 Python
Python使用uuid库生成唯一标识ID
2020/02/12 Python
python读取图像矩阵文件并转换为向量实例
2020/06/18 Python
图解CSS3制作圆环形进度条的实例教程
2016/05/26 HTML / CSS
英国亚马逊官方网站:Amazon.co.uk
2019/08/09 全球购物
银行实习生的自我评价
2013/12/09 职场文书
前处理组长岗位职责
2014/03/01 职场文书
2014年向国旗敬礼活动方案
2014/09/27 职场文书
八一建军节主持词
2015/07/01 职场文书
2016高考冲刺决心书
2015/09/23 职场文书
教你使用Pandas直接核算Excel中快递费用
2021/05/12 Python