JavaScript数组去重三种方法的效率对比测试

作者:闭包旅人时间:2026-10-30 15:36:10浏览:349

本文对比测试了JavaScript中三种常见的数组去重方法:基于对象键值判断、indexOf遍历以及indexOf索引比对。通过生成20万条随机数据并统计执行时间,直观展示各方法在大数据量下的性能差异,帮助开发者根据实际需求选择最优方案。

引言与测试背景

本文汇总并测试了网络上三种高效的数组去重实现方式,旨在通过实际数据对比提供优化参考,欢迎提出更优方案共同交流。

三种去重方法实现

第一种去重实现方案:


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;
}

第二种去重实现方案:


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;
}

第三种去重实现方案:


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几种数组去重方法的效率测试详情,期望这些测试结果能协助大家根据场景选择合适的去重策略,如有疑问欢迎留言讨论。

作者最新文章

相关标签: