如何实现 promise.map,限制 promise 并发数

实现一个带有并发限制的Promise.map函数,可以使用async/awaitPromise的特性来管理并发数。

javascript 复制代码
function promiseMap(array, mapper, concurrencyLimit) {
  return new Promise((resolve, reject) => {
    const results = [];
    let currentIndex = 0;
    let activeCount = 0;

    async function processNext() {
      if (currentIndex >= array.length) {
        resolve(results);
        return;
      }

      const index = currentIndex++;
      activeCount++;

      try {
        const result = await mapper(array[index]);
        results[index] = result;
        activeCount--;
        processNext();
      } catch (error) {
        reject(error);
      }
    }

    for (let i = 0; i < concurrencyLimit && i < array.length; i++) {
      processNext();
    }
  });
}

这个promiseMap函数接受三个参数:array是要遍历的数组,mapper是用于对每个数组元素进行处理的异步函数,concurrencyLimit是并发限制数,表示同时执行的异步操作的最大数量。

promiseMap函数返回一个Promise对象,当所有的异步操作都完成时,会解析为一个包含所有结果的数组。

在实现中,我们使用currentIndex来跟踪当前处理的元素索引,activeCount来跟踪当前活动的异步操作数量。processNext函数是一个递归函数,用于处理下一个元素。它会检查currentIndex是否已经超过数组长度,如果是则表示所有元素已经处理完成,调用resolve解析结果。如果仍有未处理的元素,会调用mapper对当前元素进行处理,并将结果存储在results数组中。然后递归调用processNext处理下一个元素。如果在处理过程中出现错误,会调用reject拒绝Promise

最后,我们使用一个循环来初始化初始的并发操作,调用processNext函数。在循环中,我们将并发限制数concurrencyLimit和数组长度的较小值作为循环的次数。

使用示例:

javascript 复制代码
const array = [1, 2, 3, 4, 5];
const concurrencyLimit = 2;

const mapper = async (item) => {
  // 模拟异步操作
  await new Promise((resolve) => setTimeout(resolve, 1000));
  return item * 2;
};

promiseMap(array, mapper, concurrencyLimit)
  .then((results) => {
    console.log(results);
  })
  .catch((error) => {
    console.error(error);
  });

在上面的示例中,我们传入了一个数组array,一个异步处理函数mapper,并发限制数为2。mapper函数将数组中的每个元素乘以2,并使用setTimeout模拟异步操作。最终,我们得到一个包含处理结果的数组,并打印到控制台上。

相关推荐
点心的游戏开发世界9 小时前
GDScript 入门笔记:目录
开发语言·笔记·游戏引擎·godot
洋不写bug9 小时前
二叉树(二) 常见基础操作解析|结点数、树高、查找结点、判断完全二叉树
java·开发语言·数据结构·完全二叉树·二叉树结点数·树高·查找结点
果果燕9 小时前
实习笔记(六)主机按钮状态上报完整流程
开发语言·c++·php
平头哥技术团队9 小时前
Day 16 | 用 ul、ol、li 一个标签,把散资料收成有序的技能清单页
开发语言·前端·html·html5
代码青铜z9 小时前
不会写代码做小程序,模板开发和AI 编程靠谱吗?创业前先看这 5 件事
前端
统计学小王子9 小时前
数学建模国赛倒计时 2 天 ——《统计模型精讲(广义线性模型 R 语言实例 + 分析)》
开发语言·数学建模·r语言
小傅哥10 小时前
Java + DDD,1:1 复刻 Deepseek Harness 项目
前端·后端·ai编程
此冬歌咏10 小时前
自动化服务器运维监控系统(python+shell)
linux·运维·服务器·开发语言·python·自动化
积硅步致千里10 小时前
Word 里的 .wmf 其实是 EMF:一次 metafile 转 PNG 排障
前端·后端
mayaairi10 小时前
Vue2 组件通讯(二):ref、自定义事件与provide/inject实战
前端·javascript·vue.js