javascript删除数组重复元素的方法汇总


本文实例讲述了javascript删除数组重复元素的方法。分享给大家供大家参考。具体分析如下:

这里分享一个前端面试高频题,主要实现javascript删除数组重复元素。希望对初学者有所帮助

//数组去重的方法
Array.prototype.unique=function(){
  //集中声明变量
  var 
   oldArr=this,
   newArr=[oldArr[0]],
   len=oldArr.length,
   i=1;
  //过滤空数组
  if(!len) return this;
  //过滤重复元素
  for(;i<len;i++){
    newArr.indexOf(oldArr[i])<0 ? newArr.push(_this) : ''; 
  }
  //返回过滤后的数组没有影响原数组
  return newArr;
}
var arr=['a','a','b','a','c','d'];
console.log(arr.unique());
//["a", "b", "c", "d", unique: function]

虽然网上也有很多而且自己写的也不咋地,但是毕竟自己写的逻辑清楚以后还可以顺着逻辑扩展比如扩展到对象元素去重或者是可以同时操作多个数组等等这里再放上别人的写的几个方法可以综合比较下

方法1:

function oSort(arr)
{
  var result ={};
  var newArr=[];
  for(var i=0;i
  {
 if(!result[arr[i]])
 {
   newArr.push(arr[i])
   result[arr[i]]=1
 }
  }
  return newArr
}

方法2:

遍历要删除的数组arr, 把元素分别放入另一个数组tmp中,在判断该元素在arr中不存在才允许放入tmp中
用到两个函数:for ...in 和 indexOf()

var student = ['qiang','ming','tao','li','liang','you','qiang','tao'];
 function unique(arr){
   // 遍历arr,把元素分别放入tmp数组(不存在才放)
   var tmp = new Array();
   for(var i in arr){
  //该元素在tmp内部不存在才允许追加
  if(tmp.indexOf(arr[i])==-1){
  }
 }
  return tmp;
}

方法3:

把目标数组arr的元素值和键的位置调换 自动就把重复的元素给删除掉了,调换后的样子:array('qiang'=>1,'ming'=>1,'tao'=>1)

<script type="text/javascript">
  var student = ['qiang','ming','tao','li','liang','you','qiang','tao'];
  function unique(arr){
    var tmp = new Array();
    for(var m in arr){
      tmp[arr[m]]=1;
    }
    //再把键和值的位置再次调换
    var tmparr = new Array();
    for(var n in tmp){
     tmparr.push(n);
    }
   return tmparr;
 }
</script>

方法4

/**
* 去除数组重复元素
*/
function uniqueArray(data){ 
  data = data || []; 
  var a = {}; 
  for (var i=0; i<data.length; i++) { 
    var v = data[i]; 
    if (typeof(a[v]) == 'undefined'){ 
      a[v] = 1; 
    } 
  }; 
  data.length=0; 
  for (var i in a){ 
    data[data.length] = i; 
  } 
  return data; 
} 

方法都差不多第三个方法想法还是蛮高明的~

希望本文所述对大家的javascript程序设计有所帮助。



相关阅读:
js仿3366小游戏选字游戏
node-http-proxy修改响应结果实例代码
Win10安装率高暴虐Win8!你就是第二个Vista
如何让安卓(Android)子控件超出父控件的范围显示
详细了解CSS中的class与id区别及用法
多个checkbox被选中时如何判断是否有自己想要的
Linux系统的电脑上调整屏幕亮度的方法
如何创建一个WinXP的域环境并将计算机加入到域中
《JavaScript高级编程》学习笔记之object和array引用类型
jquery+json实现数据二级联动的方法
node.js连接mongoDB数据库 快速搭建自己的web服务
PHP中开启gzip压缩的2种方法
win7电脑系怎么设置不睡眠、不自动黑屏?
详解PNG图片
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 初中初一作文650字:我不再相信眼泪 如何有效的激励销售代表 回响的汽笛声——7 五年级的端午节作文 好夫妻,永远都在相互装傻(说得太对啦!) 夫妻证明怎么写 中外经典谚语大全 红尘有爱--母亲节快乐 写太阳花的作文450字 我发现了家乡的变化作文800字 大学生应该怎么找工作 党员干部要自我揭丑更要主动亮丑 家里囧事 圣诞节都送什么礼物 竞选劳动委员演讲稿600字 水痘作文400字 2015年秋季开学班主任寄语讲话稿 暑假愉快之旅日记600字 名人幽默故事三则 全心全意为人民服务--2011年1月思想汇报 祖国我为你歌唱作文250字 非主流伤感的一段话 有些事,只有死了才能彻底忘记! 童年的稚趣700字作文 医院药房实习自我鉴定 综合组教科研计划 只是简单的记录 励志故事:我要成为电影导演 生活,只要适合自己,就是幸福 小红豆 描写秋天的优美句子 初中初一作文700字:他给了我信心 散文《二月雪》 爱马仕“筛选”顾客 小学作文一件有趣的事 毛泽东幽默故事:趣说人名 你我都要冷静 清明节什么时候扫墓最好 旭陽 晨光心情日志:习惯了有你 农村贫困申请书范文 对于春天 如此感觉 我只信你 晚安心语:昨天再好,也走不回去;明天再难,也要抬脚继续 飞蛾扑火后 终见陌上蝶 当前税源管理存在的问题及措施 送我去火车站的路上,我一直抱着你哭 小学五年级作文450字:城市足迹馆 《语文学科教学模式的新探索》课题阶段汇报暨校本教研活动 也许我们不会再相遇 冬夜诗语

Copyright © 2016 phpStudy |