JS查找数组中重复元素的方法详解


Posted in Javascript onJune 14, 2017

本文实例讲述了JS查找数组中重复元素的方法。分享给大家供大家参考,具体如下:

JS的数据类型有一个数组。今天我们就来谈谈对数组的一种处理。相信很多人都遇到过从数组中查找出不重复的元素,但是我遇到的却是从数组中查找出重复的元素。

从js数组中查找出不重复的元素的方法有很多,下面就给大家列举一个:

<!DOCTYPE html>
<html>
<body>
<script>
Array.prototype.deleteEle=function(){
  var newArr = this;
  for (var i=newArr.length-1; i>=0; i--)
  {
    var targetNode = newArr[i];
    for (var j=0; j<i; j++)
    {
      if(targetNode == newArr[j]){
        newArr.splice(i,1);
        break;
      }
    }
  }
  return newArr;
}
var arr = ["a","b","c","c","ab","d","ab","d","c"];
console.log(arr.deleteEle());
</script>
</body>
</html>

运行效果图如下:

JS查找数组中重复元素的方法详解

下面再给大家列举一个从js数组重查找出重复元素的方法:

<!DOCTYPE html>
<html>
<body>
<script>
var a = [5,4,3,2,1,2,3,2,1,];
Array.prototype.duplicate=function() {
  var tmp = [];
  this.concat().sort().sort(function(a,b){
    if(a==b && tmp.indexOf(a) === -1) tmp.push(a);
  });
  return tmp;
}
console.log(a.duplicate())
</script>
</body>
</html>

运行效果图如下:

JS查找数组中重复元素的方法详解

Javascript 相关文章推荐
js仿百度贴吧验证码特效实例代码
Jan 16 Javascript
JavaScript 事件对象介绍
Apr 13 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
Nov 16 Javascript
拥Bootstrap入怀——导航栏篇
May 30 Javascript
JavaScript暂停和继续定时器的实现方法
Jul 18 Javascript
微信小程序  自定义创建详细介绍
Oct 27 Javascript
js实现的简练高效拖拽功能示例
Dec 21 Javascript
JS传参及动态修改页面布局
Apr 13 Javascript
原生JS实现层叠轮播图
May 17 Javascript
使用js实现将后台传入的json数据放在前台显示
Aug 06 Javascript
构建Vue大型应用的10个最佳实践(小结)
Nov 07 Javascript
Node.js API详解之 module模块用法实例分析
May 13 Javascript
JS设置手机验证码60s等待实现代码
Jun 14 #Javascript
jQuery ajax动态生成table功能示例
Jun 14 #jQuery
使用requirejs模块化开发多页面一个入口js的使用方式
Jun 14 #Javascript
vue-loader教程介绍
Jun 14 #Javascript
JS中mouseup事件丢失的原因与解决办法
Jun 14 #Javascript
Vue2.0 从零开始_环境搭建操作步骤
Jun 14 #Javascript
jQuery.form.js的使用详解
Jun 14 #jQuery
You might like
不错的PHP学习之php4与php5之间会穿梭一点点感悟
2007/05/03 PHP
php中namespace及use用法分析
2016/12/06 PHP
获取URL地址中的文件名和参数的javascript代码
2009/09/02 Javascript
jquery js 重置表单 reset()具体实现代码
2013/08/05 Javascript
JS使用parseInt解析数字实现求和的方法
2015/08/05 Javascript
javascript函数式编程程序员的工具集
2015/10/11 Javascript
跟我学习javascript的Date对象
2015/11/19 Javascript
Bootstrap按钮组件详解
2016/04/26 Javascript
浅析Bootstrap验证控件的使用
2016/06/23 Javascript
总结JavaScript的正则与其他语言的不同之处
2016/08/25 Javascript
微信小程序 教程之注册程序
2016/10/17 Javascript
JavaScript实现鼠标点击导航栏变色特效
2017/02/08 Javascript
一步步教你利用Canvas对图片进行处理
2017/09/19 Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
2017/10/17 Javascript
vue 自定义 select内置组件
2018/04/10 Javascript
angular多语言配置详解
2019/05/16 Javascript
vue实现一拉到底的滑动验证
2019/07/25 Javascript
15分钟上手vue3.0(小结)
2020/05/20 Javascript
node+vue实现文件上传功能
2020/05/28 Javascript
[02:38]DOTA2英雄基础教程 噬魂鬼
2014/01/03 DOTA
Python下载指定页面上图片的方法
2016/05/12 Python
Python PyQt5实现的简易计算器功能示例
2017/08/23 Python
Python入门必须知道的11个知识点
2018/03/21 Python
python GUI库图形界面开发之PyQt5 MDI(多文档窗口)QMidArea详细使用方法与实例
2020/03/05 Python
详解django使用include无法跳转的解决方法
2020/03/19 Python
Python如何输出百分比
2020/07/31 Python
瑞典网上购买现代和复古家具:Reforma
2019/10/21 全球购物
Herschel美国官网:背包、手提袋及配件
2020/03/10 全球购物
机械专业应届生求职信
2013/09/21 职场文书
计算机专业毕业生推荐信
2013/11/25 职场文书
联谊会主持词
2014/03/26 职场文书
小学生常见病防治方案
2014/06/06 职场文书
中国梦演讲稿5分钟
2014/08/19 职场文书
Python 多线程之threading 模块的使用
2021/04/14 Python
mysql获取指定时间段中所有日期或月份的语句(不设存储过程,不加表)
2021/06/18 MySQL
NodeJs使用webpack打包项目的方法详解
2022/02/28 NodeJs