数据量很大时，JavaScript 数组操作的一些优化记录

最新推荐文章于 2024-04-03 10:08:27 发布

xiaoxiaoxiaoyang218

最新推荐文章于 2024-04-03 10:08:27 发布

阅读量3.2k

点赞数 1

文章标签： js

本文链接：https://blog.csdn.net/xiaoxiaoxiaoyang218/article/details/104016349

版权

本文记录了在处理大量数据时，JavaScript数组创建、删除和扁平化的优化技巧。包括使用赋值代替push创建数组，减少删除操作的循环次数，以及避免在循环中使用数组拼接。内容将持续更新。

摘要由CSDN通过智能技术生成

这里写自定义目录标题

数据量很大时，JavaScript 数组操作的一些优化记录

数据量很大时，JavaScript 数组操作的一些优化记录

持续更新。。。

创建已知数量的数组

使用赋值代替push操作

示例：创建100w长度值等于索引的数组

// Bad 23.94091796875ms
var n = 1000000,
    arr = []
for (let i=0; i<n; i++) {
   
    arr.push(i)
}

// Good 7.080078125ms
var n = 1000000
var arr = new Array(n)
for (let i=0; i<n; i++) {
   
    arr[i] = i
}

从数组中删除一部分数据

应尽量减少数组循环的次数

/**
 * 迭代过滤数组
 * 当数据量很大时（超过1w）这个方法会比filter性能更好
 * @param {*} arr
 * @param {*} condition
 * @param {*} cb
 */
function reduceFilterArr(arr, condition, cb) {
   
  let w =