js循环调用接口循环最后一次保存全部数据

Question

const tList = ['id:123', 'id:46', 'id:83'];
const resObj = {};
const state = [];
resultList.forEach((item, index) => {
    接口({ data: item }).then((res) => {
        resObj[item] = res.data;
        if(index === resultList.length - 1) {
            state = resObj;
        }
    })
})

有什么好的方法吗？循环中 index 的值并不是 0 1 2 3

Answer 1

给出的信息没有 resultList 的结构，但从代码来看 item 应该是一个字符串，而不是一个数组，所以 index === item.length - 1 这个条件可能存在逻辑失误。

用 Promise.all

Promise.all(resultList.map(item => 接口({ data: item })))
    .then(result => state = result.map(({ data }) => data));

再用上 await

(async () => {
    state = await Promise.all(...);
})();

Answer 2

let i=0;
resultList.forEach((item, index) => {
    接口({ data: item }).then((res) => {
        resObj[item] = res.data;
        if(i === item.length - 1) {
            state = resObj;
        }
        if(i < item.length - 1) {
            i++
        }
    })
})

推荐promise.all,更简洁

Answer 3

promise.all的版本:
点击查看demo