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.boxy弹出框(后隔N秒后自动隐藏/自动跳转)

    jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)

    对于 Boxy弹出框的使用之前写过一些文章(查看jquery.boxy基础),今天主要是在解决一个需要之后,觉得值得把它记录下来,所以就再写一篇,主要功能是,在弹出对话框后,隔N秒后自动隐藏,还有就是自动跳转
    2013-01-01
  • jquery 图片上传按比例预览插件集合

    jquery 图片上传按比例预览插件集合

    上传的时候可以生成固定宽高范围内的等比例缩放图的代码,需要的朋友可以参考下。
    2011-05-05
  • jQuery自定义组件(导入组件)

    jQuery自定义组件(导入组件)

    这篇文章主要介绍了jQuery自定义导入组件的相关资料,包括组件js,组件css及组件引用的内容,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-11-11
  • jQuery ajaxForm()的应用

    jQuery ajaxForm()的应用

    Ajax在Web应用中的作用越来越大,这让采用AJAX方式提交一个表单的过程简单的不能再简单了,需要的朋友可以了解一下。
    2016-10-10
  • jquery 键盘事件 keypress() keydown() keyup()用法总结

    jquery 键盘事件 keypress() keydown() keyup()用法总结

    在本篇文章里小编给各位整理的是关于jquery 键盘事件 keypress() keydown() keyup()用法总结以及相关实例,需要的朋友们学习下。
    2019-10-10
  • jquery实现简单实用的弹出层效果代码

    jquery实现简单实用的弹出层效果代码

    这篇文章主要介绍了jquery实现简单实用的弹出层效果代码,涉及jquery响应鼠标事件动态操作页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • jquery 获取表单元素里面的值示例代码

    jquery 获取表单元素里面的值示例代码

    本文为大家详细介绍下通过jquery获取表单元素CheckBox、Radio等的值,有需求的朋友可以参考下,希望对大家有所帮助
    2013-07-07
  • jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码

    jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码

    这篇文章主要介绍了jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码,涉及jQuery控制页面元素样式动态变换的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • jquery原理以及学习技巧介绍

    jquery原理以及学习技巧介绍

    JQuery上手简单,也很容易学,即使是刚接触JQuery的开发人员,借助JQuery手册,也很快能在项目中使用开发,这篇文章针对jquery原理以及学习技巧进行介绍,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • jquery判断元素是否隐藏的多种方法

    jquery判断元素是否隐藏的多种方法

    这篇文章主要介绍了jquery判断元素是否隐藏的多种方法,本文总结了多种判断方法实例,需要的朋友可以参考下
    2014-05-05

最新评论