jquery删除数组中重复元素

 更新时间:2016年12月05日 10:26:44   作者:劳卜  
本文主要讲解jquery删除数组中重复元素的具体思路与示例代码,有助于理解与学习,希望对大家有所帮助

话不多说,下面就跟着小编来看下利用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]

以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持脚本之家!

相关文章

  • jQuery 获取URL参数的插件

    jQuery 获取URL参数的插件

    之前脚本之家发布多个获取url参数的函数,这里是jquery的,比较适合已经使用了jquery库的朋友使用。
    2010-03-03
  • 浅析jQuery1.8的几个小变化

    浅析jQuery1.8的几个小变化

    这篇文章主要介绍了jQuery1.8中的几个小变化。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • 一次失败的jQuery优化尝试小结

    一次失败的jQuery优化尝试小结

    我经常抱怨jQuery的DOM操作性能并不优秀,并且经常尝试用一些方法去进行优化,但是越是优化,越是沮丧地发现jQuery其实已经做得很好,从使用者的角度能够进行的优化实在有限
    2011-02-02
  • jquery siblings获取同辈元素用法实例分析

    jquery siblings获取同辈元素用法实例分析

    这篇文章主要介绍了jquery siblings获取同辈元素用法,结合实例形式分析了jQuery使用siblings遍历同级元素的相关技巧,需要的朋友可以参考下
    2016-07-07
  • jQuery拖拽插件gridster使用指南

    jQuery拖拽插件gridster使用指南

    gridster.js是一款基于jquery的前端拖拽插件,效果相当的不错,大家可以先看看Demo(http://gridster.net/#intro)(蓝色部分的白块就是了,可以随便拖动,娱乐性很强)。
    2015-04-04
  • jquery 防止表单重复提交代码

    jquery 防止表单重复提交代码

    网站中防止表单重复提交是一个比较普遍的需求,先看原理实现方法也有很多。
    2010-01-01
  • 通过jquery-ui中的sortable来实现拖拽排序的简单实例

    通过jquery-ui中的sortable来实现拖拽排序的简单实例

    下面小编就为大家带来一篇通过jquery-ui中的sortable来实现拖拽排序的简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • jQuery实现图片切换效果

    jQuery实现图片切换效果

    这篇文章主要为大家详细介绍了jQuery实现图片切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • jQuery 选择同时包含两个class的元素的实现方法

    jQuery 选择同时包含两个class的元素的实现方法

    下面小编就为大家带来一篇jQuery 选择同时包含两个class的元素的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • easyUI combobox实现联动效果

    easyUI combobox实现联动效果

    这篇文章主要为大家详细介绍了easyUI combobox实现联动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01

最新评论