JS前端千万级弹幕数据循环优化示例

大富大贵7

于 2024-01-13 16:00:00 发布

阅读量141

点赞数

分类专栏：程序员知识储备1 程序员知识储备2 程序员知识储备3 文章标签：经验分享

本文链接：https://blog.youkuaiyun.com/Sapphire521/article/details/135571592

版权

883 篇文章 ¥29.90 ¥99.00

订阅专栏

882 篇文章 ¥29.90 ¥99.00

订阅专栏

882 篇文章 ¥29.90 ¥99.00

订阅专栏

本文分享了在处理千万级弹幕数据时的优化策略，包括如何删除数组元素，避免全量循环的问题。通过优化策略如游标法和二分查找，有效地减少了循环次数，提高了性能。文章强调了在实际项目中发现并优化代码的重要性，以及这如何促进个人成长。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做了直播相关的业务，然后对于大数据相关的优化做了一下复盘。

为了了解我是怎么做这个优化的，我们先从如何按照特定的条件删除一个数组说起。

场景：有一个数组，需要删除满足条件的数组。

示例：

const arr = [1,2,3,4,5,6,7,8]

删除小于5的元素,删除后的元素为

const arr2 = [5, 6, 7, 8]

代码实现：

const arr = [1,2,3,4,5,6,7,8]
for(let i = 0, len = arr.length; i < len; i++) {
	if(arr[i] < 5) {
		arr.splice(i, 1)
	}
}

结果如下

arr = [2, 4, 5, 6, 7, 8

不是我们预期的结果

分析原因：删除操作会使得对应索引值位上的元素清空，整个数组中的元素向前移动一位，补位的元素会填充到执行删除操作的索引值位置上，移位之后如果不进行任何操作继续下一个循环，会

了解本专栏