在等待循环javascript期间访问当前迭代（索引）

Question

有一个关于for await ... of循环的问题。

我有以下代码：

    for await (let V of reagent_items.map(object_element => getPricing(object_element))) {
       console.log(object_element) //I'd like to have access to current iteration.
       //or
       console.log(reagent_items[i]) //current fulfilled element from reagent.map
    }

所以问题是这个函数数组（来自.map）（V 作为getPricing 的单个响应）不返回object_element 本身，但我需要访问这个object element 内部for await ... of 循环。

有没有可能？如果没有，使用Promise.all 会以某种方式解决这个问题吗？或者我应该修改原来的getPricing 和return 当前的object_element 其他结果？

Answer 1

根据我从您的问题和 cmets 中了解到的情况，您希望能够在 for 循环中访问 object_element 和 getPricing(object_element) 的结果。

您现在的问题是，作为map 的结果，您只有getPricing 的结果，而不是原来的object_element。作为一种解决方案，只需在一个对象中从 map 返回两者：

// just a random getPricing function
function getPricing(objectElement) {
    return {
        item_id: objectElement.id,
        price: Math.random()
    };
}

const reagent_items = [
    {
        id: 'a'
    },
    {
        id: 'b'
    }
];

for (let V of reagent_items.map(object_element => ({object_element, pricing: getPricing(object_element)}))) {
    console.log(`object_element: ${JSON.stringify(V.object_element)}, pricing: ${JSON.stringify(V.pricing)}`);
}

Answer 2

你 should not be using for await here 根本就不是——这意味着异步生成器。相反，做

for (const object_element of reagent_items) {
    const V = await getPricing(object_element);
    console.log(object_element, V)
    …
}

使用Promise.all，代码将如下所示：

Promise.all(reagent_items.map(object_element =>
    getPricing(object_element).then(V => {
        console.log(object_element, V);
        …
    })
)).then(…)

// or:

await Promise.all(reagent_items.map(async object_element => {
    const V = await getPricing(object_element)
    console.log(object_element, V);
    …
}));