如何做出承诺，直到循环中的所有请求完成？

问题描述

在项目中，我使用React + redux + fetch。我需要更新15个用户，并且为了更新他们，我发送带有用户ID的请求。在api方面，我有限制-每个请求可以更新10个用户，因此我需要发出2个请求才能更新所有用户。在第一个请求中，我在第二个5个ID中发送了10个ID。用户更新后，我需要请求用户列表以更新页面上的用户信息。我履行诺言：

let promise = new Promise(resolve => resolve(1));
let _this = this;
promise
                .then(() => {
                    let preparedIds = DataHelper.getArrayOfArrays(userIds,10) ;
                   
                            for (let i = 1; i<preparedIds.length; i++) {
                                _this.props.dispatch(requestMeasurePermissions(preparedIds[i]))
                            }
                })
                .then(() => {
                    _this.props.dispatch(getUsersList())

                })

服务方法：

export function getArrayOfArrays(initialArray,subarraySize) {
    let subArrays = [];

    for (let i = 0; i<Math.ceil(initialArray.length/subarraySize); i++) {
        subArrays[i] = initialArray.slice((i*subarraySize),(i*subarraySize) + subarraySize)
    }

    return subArrays;
}

因此，我需要在for循环中完成所有请求，只有在此之后才能转到下一个.then()，但是我的代码在第一次循环迭代后就不会像_this.props.dispatch(getUsersList())一样触发，结果，我收到用户列表，其中更新了10个用户，但没有更新5个。我该如何保证等待循环中所有请求执行的那一刻？

解决方法

并行异步执行（执行顺序无关紧要，性能更好）：

使用Promise.all。

一系列异步执行（执行顺序很重要，只有在前一个请求解析后才启动每个请求）：

使用for await...of。