JavaScript数组去重的几种方法效率测试


Posted in Javascript onOctober 23, 2016

以下是我针对网上三种高效率方法总结与效率测试,如果大家有更好的意见或建议也可以提出,大家共勉学习。

数组去重法1:

Array.prototype.unique1 = function(){
 console.time("数组去重法1"); //记录开始执行的时间
 var arr = []; 
 //创建一个临时数组
 var obj = {}; 
//创建一个空对象
 for(var i = 0; i < this.length; i++){ 
//遍历当前要去重的数组
  if(!obj[this[i]]){   //判断obj对象中是否存有当前项,没有则执行
   arr.push(this[i]); 
//将当前项push到临时数组中
   obj[this[i]] = 1; 
//将当前项存入obj对象
  }
 }
 console.timeEnd("数组去重法1");
 //记录结束执行的时间
 return arr;
}

数组去重法2:

Array.prototype.unique2 = function(){
 console.time("数组去重法2"); //记录开始执行的时间
 var arr = [];  //创建一个临时数组
 for(var i = 0; i < this.length; i++){  //遍历当前要去重的数组
  if(arr.indexOf(this[i]) == -1){  //判断临时数组中是否存有当前项,没有则执行
   arr.push(this[i]); //将当前项push到临时数组中
  }
 }
 console.timeEnd("数组去重法2"); //记录结束执行的时间
 return arr;
}

数组去重法3:

Array.prototype.unique3 = function(){
 console.time("数组去重法3"); //记录开始执行的时间
 var arr = [this[0]]; //创建一个临时数组,并将要去重数组的第一项存入临时数组
 for(var i = 1; i < this.length; i++) { //从要去重数组第二项开始遍历
  if (this.indexOf(this[i]) == i){ //判断临时数组中是否存有当前项,没有则执行
   arr.push(this[i]); //将当前项push到临时数组中
  }
 }
 console.timeEnd("数组去重法3"); //记录结束执行的时间
 return arr;
}

效率测试方法:

var arr1 = []; //创建一个要去重的数组
for(var i = 0; i < 200000; i++){ //遍历200000个数据
 arr1.push(parseInt(Math.random() * 10) + 1); //将所有数据返回为随机数(1-10之间)的数, 并push到要去重的数组中
}

console.log(arr1.unique1()); //打印数组去重法1的执行时间
console.log(arr1.unique2()); //打印数组去重法2的执行时间
console.log(arr1.unique3()); //打印数组去重法3的执行时间

效率测试结果:

JavaScript数组去重的几种方法效率测试

总结

以上就是关于JavaScript几种数组去重的方法效率测试,希望测试的结果对大家选择使用数组去重方法能有所帮助,如果有疑问大家可以留言交流。谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
基于jQuery的message插件实现右下角弹出消息框
Jan 11 Javascript
25个好玩的JavaScript小游戏分享
Apr 22 Javascript
用jquery仿做发微博功能示例
Apr 18 Javascript
Bootstrap的class样式小结
Dec 01 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
Dec 22 Javascript
jQuery设计思想
Mar 07 Javascript
微信小程序实现传参数的几种方法示例
Jan 10 Javascript
详解VUE单页应用骨架屏方案
Jan 17 Javascript
HTML+JavaScript实现扫雷小游戏
Sep 30 Javascript
vue 使用 canvas 实现手写电子签名
Mar 06 Javascript
微信小程序实现页面左右滑动
Nov 16 Javascript
javascript实现随机抽奖功能
Dec 30 Javascript
Javascript 实现简单计算器实例代码
Oct 23 #Javascript
JavaScript页面实时显示当前时间实例代码
Oct 23 #Javascript
jquery 实现回车登录详解及实例代码
Oct 23 #Javascript
AngularJS ng-repeat数组有重复值的解决方法
Oct 23 #Javascript
web前端开发upload上传头像js示例代码
Oct 22 #Javascript
jQuery中$.ajax()方法参数解析
Oct 22 #Javascript
详解Javascript函数声明与递归调用
Oct 22 #Javascript
You might like
使用PHP遍历文件夹与子目录的函数代码
2011/09/26 PHP
php中怎么搜索相关联数组键值及获取之
2013/10/17 PHP
CodeIgniter整合Smarty的方法详解
2017/08/25 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
javascript陷阱 一不小心你就中招了(字符运算)
2013/11/10 Javascript
javascript跨浏览器的属性判断方法
2014/03/16 Javascript
HTML页面登录时的JS验证方法
2014/05/28 Javascript
js事件绑定快捷键以ctrl+k为例
2014/09/30 Javascript
jquery实现简单的banner轮播效果【实例】
2016/03/30 Javascript
手机端实现Bootstrap简单图片轮播效果
2016/10/13 Javascript
jQuery实现页面顶部下拉广告
2016/12/30 Javascript
浅谈AngularJs 双向绑定原理(数据绑定机制)
2017/12/07 Javascript
vue完成项目后,打包成静态文件的方法
2018/09/03 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
2019/05/30 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
JavaScript计算出两个数的差值
2020/03/19 Javascript
JavaScript 几种循环方式以及模块化的总结
2020/09/03 Javascript
Python实现删除Android工程中的冗余字符串
2015/01/19 Python
Python实现进程同步和通信的方法
2018/01/02 Python
pandas修改DataFrame列名的方法
2018/04/08 Python
Python实现统计给定列表中指定数字出现次数的方法
2018/04/11 Python
Django Celery异步任务队列的实现
2019/07/24 Python
解决使用export_graphviz可视化树报错的问题
2019/08/09 Python
python创建ArcGIS shape文件的实现
2019/12/06 Python
Python之Class&amp;Object用法详解
2019/12/25 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
整理HTML5中表单的常用属性及新属性
2016/02/19 HTML / CSS
英国百安居装饰建材网上超市:B&Q
2016/09/13 全球购物
Eton丹麦官网:精美的男式衬衫
2020/05/27 全球购物
制定岗位职责的原则
2013/11/08 职场文书
商务专员岗位职责
2013/11/23 职场文书
第一批党的群众路线教育实践活动总结报告
2014/07/03 职场文书
煤矿安全生产月活动总结
2014/07/05 职场文书
小学生三分钟演讲稿
2014/08/18 职场文书
放假通知范文
2015/04/14 职场文书
Python OpenCV实现图形检测示例详解
2022/04/08 Python