Em código síncrono posso ter um .reduce
para fazer um cálculo de uma soma (como neste exemplo simples de uma lista de compras):
const tipos = ['leite', 'manteiga', 'pão'];
const precos = [23, 21, 32];
const buscarPreço = (tipo) => {
const indice = tipos.indexOf(tipo);
return precos[indice]
};
const somar = () => {
const compras = ['leite', 'leite', 'manteiga', 'pão', 'pão', 'pão'];
return compras.reduce((soma, tipo) => {
const valor = buscarPreço(tipo);
return soma + valor;
}, 0);
}
const soma = somar();
console.log(soma);
Tentei converter isto em código assíncrono e deparei-me com problemas... aparece no resultado [object Promise]32
. Não entendi o problema uma vez que a callback do .reduce
tem async
declarado e dentro estou a "resolver" a promise da parte assíncrona com const valor = await buscarPreço(tipo);
... o que me está a faltar?
Código assíncrono (que dá erro):
const tipos = ['leite', 'manteiga', 'pão'];
const precos = [23, 21, 32];
const buscarPreço = (tipo) => new Promise((res) => {
const indice = tipos.indexOf(tipo);
setTimeout(() => res(precos[indice]), 500);
});
const somar = async() => {
const compras = ['leite', 'leite', 'manteiga', 'pão', 'pão', 'pão'];
return compras.reduce(async(soma, tipo, i) => {
const valor = await buscarPreço(tipo);
console.log('A calcular a posição', i);
return soma + valor;
}, 0);
}
somar().then(soma => console.log(soma));