当前位置: 首页 > news >正文

js数组去重的三种常用方法总结

js数组去重的三种常用方法总结
  第一种是比较常规的方法

思路:

1.构建一个新的数组存放结果

2.for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比

3.若结果数组中没有该元素,则存到结果数组中

复制代码代码如下:

Array.prototype.unique1 = function(){
 var res = [this[0]];
 for(var i = 1; i < this.length; i++){
  var repeat = false;
  for(var j = 0; j < res.length; j++){
   if(this[i] == res[j]){
    repeat = true;
    break;
   }
  }
  if(!repeat){
   res.push(this[i]);
  }
 }
 return res;
}
var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
alert(arr.unique1());

第二种方法比上面的方法效率要高

 

思路:

1.先将原数组进行排序

2.检查原数组中的第i个元素 与 结果数组中的最后一个元素是否相同,因为已经排序,所以重复元素会在相邻位置

3.如果不相同,则将该元素存入结果数组中

复制代码代码如下:

Array.prototype.unique2 = function(){
 this.sort(); //先排序
 var res = [this[0]];
 for(var i = 1; i < this.length; i++){
  if(this[i] !== res[res.length - 1]){
   res.push(this[i]);
  }
 }
 return res;
}
var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
alert(arr.unique2());

第二种方法也会有一定的局限性,因为在去重前进行了排序,所以最后返回的去重结果也是排序后的。如果要求不改变数组的顺序去重,那这种方法便不可取了。

 

第三种方法(推荐使用)

思路:

1.创建一个新的数组存放结果

2.创建一个空对象

3.for循环时,每次取出一个元素与对象进行对比,如果这个元素不重复,则把它存放到结果数组中,同时把这个元素的内容作为对象的一个属性,并赋值为1,存入到第2步建立的对象中。

说明:至于如何对比,就是每次从原数组中取出一个元素,然后到对象中去访问这个属性,如果能访问到值,则说明重复。

复制代码代码如下:

Array.prototype.unique3 = function(){
 var res = [];
 var json = {};
 for(var i = 0; i < this.length; i++){
  if(!json[this[i]]){
   res.push(this[i]);
   json[this[i]] = 1;
  }
 }
 return res;
}

 

var arr = [112,112,34,'你好',112,112,34,'你好','str','str1'];
alert(arr.unique3());

转载于:https://www.cnblogs.com/xiaobai110/p/6654532.html

相关文章:

  • DPDK QoS之分层调度器
  • 对于文本框的验证(考虑兼容问题)
  • 114. Flatten Binary Tree to Linked List (leetcode)
  • 大数据与应用统计学的区别与联系
  • 在ElasticSearch中使用 IK 中文分词插件
  • Ubuntu 16.04 中安装谷歌 Chrome 浏览器
  • SSH使用密钥免密码登录
  • Ajax和跨域问题
  • 使用HTML5的canvas做图片剪裁
  • java异常处理(Exception handing)机制
  • 四则运算 web 版
  • 201521123030 《Java程序设计》第7周学习总结
  • Ajax异步封装
  • 闭包与循环
  • iOS 字符串 MD5
  • 《Java编程思想》读书笔记-对象导论
  • 【个人向】《HTTP图解》阅后小结
  • C++11: atomic 头文件
  • css布局,左右固定中间自适应实现
  • css选择器
  • ES6 学习笔记(一)let,const和解构赋值
  • gf框架之分页模块(五) - 自定义分页
  • Java多线程(4):使用线程池执行定时任务
  • leetcode-27. Remove Element
  • Linux链接文件
  • mysql 5.6 原生Online DDL解析
  • PHP那些事儿
  • 大型网站性能监测、分析与优化常见问题QA
  • 工程优化暨babel升级小记
  • 将回调地狱按在地上摩擦的Promise
  • 硬币翻转问题,区间操作
  • 如何通过报表单元格右键控制报表跳转到不同链接地址 ...
  • ​低代码平台的核心价值与优势
  • #Java第九次作业--输入输出流和文件操作
  • #QT(一种朴素的计算器实现方法)
  • (1)(1.13) SiK无线电高级配置(五)
  • (黑马C++)L06 重载与继承
  • (九)One-Wire总线-DS18B20
  • (全注解开发)学习Spring-MVC的第三天
  • (一)使用IDEA创建Maven项目和Maven使用入门(配图详解)
  • (译)2019年前端性能优化清单 — 下篇
  • ****Linux下Mysql的安装和配置
  • .net core 6 redis操作类
  • .Net FrameWork总结
  • .NET 的程序集加载上下文
  • .NET 使用配置文件
  • .Net多线程总结
  • .vue文件怎么使用_vue调试工具vue-devtools的安装
  • /dev/VolGroup00/LogVol00:unexpected inconsistency;run fsck manually
  • @基于大模型的旅游路线推荐方案
  • [ vulhub漏洞复现篇 ] ECShop 2.x / 3.x SQL注入/远程执行代码漏洞 xianzhi-2017-02-82239600
  • []指针
  • [C#基础]说说lock到底锁谁?
  • [COI2007] Sabor
  • [dfs] 图案计数