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几种数组去重方法的效率测试详情,期望这些测试结果能协助大家根据场景选择合适的去重策略,如有疑问欢迎留言讨论。
作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
相关标签:
