js进行数据移除性能比较(splice,map)

当使用 splice() 方法处理大量数据时,确实会遇到性能问题,因为它涉及到移动数组中的元素,导致操作的时间复杂度为 O(n)。对于大量数据,频繁的插入和删除可能会导致性能下降。

1、设置数组数据为10000,使用splice移除数组中的所有数据耗时,示例如下:

let tempList = [];
for(let i = 0;i<10000;i++){
	let obj = i+1;
	tempList.push(obj),
}
/**使用splice去除元素时间*/
spliceOpt();
function spliceOpt(){
	let startTime = Date.now();
	for(let i = 0;i<10000;i++){
		let index = tempList.indexOf(i+1);
		if(index>-1){
		  tempList.splice(index,1)
		}
	}
	let endTime = Date.now();
	let useTime = endTime - startTime;
	console.log(tempList,useTime,"第一种方法使用时间")
}

2、设置数组数据为10000,使用map移除数组中的所有数据耗时,示例如下:

let currentMap = new Map();
for(let i = 0;i<10000;i++){
	let obj = i+1;
	currentMap.set(obj,obj)
}
/**使用Map去除元素时间*/
mapOPt();
function mapOPt(){
	let startTime = Date.now();
	for(let i = 0;i<10000;i++){
		if(currentMap.has(i+1)){
			currentMap.delete(i+1);
		}
	}
	let endTime = Date.now();
	let useTime = endTime - startTime;
	console.log(currentMap,useTime,"第二种方法使用时间")
}

最终耗时结果图

相关推荐
焦糖酒drunksweet8 分钟前
认识Event Loop【1】
前端
Georgewu9 分钟前
【HarmonyOS Next】鸿蒙加固方案调研和分析
前端·面试·harmonyos
夜寒花碎11 分钟前
前端事件循环
前端·javascript·面试
用户41925599996212 分钟前
mk-计算机视觉—YOLO+Transfomer多场景目标检测实战
前端
大霸王龙15 分钟前
去除HTML有序列表(ol)编号的多种解决方案
前端·html
没头发的卓卓15 分钟前
学会SSL/TLS,在面试官面前化身歪嘴龙王!
前端
阿常1117 分钟前
uni-app基础拓展
前端·javascript·uni-app
壹贰叁肆伍上山打老虎18 分钟前
突发奇想,写了一个有意思的函数,一个有趣的 JavaScript 函数:将数组分割成多维块
前端·javascript
sakoba18 分钟前
spring IOC(实现原理)
java·开发语言
MZWeiei18 分钟前
Scala:在哪里写类的属性?类的属性必须私有吗?类的必须初始化吗?
开发语言·scala