How to wait for a method to end in JS?

Question

Hello,

I can’t get JS to wait for the method to finish the execution before showing the return, someone can help me?

Method:

getValor(jogador) {
        const id_grupo = this.props.grupoSelected.id;
        if (jogador.financeiro) {
            const arrayFinanceiro = Object.keys(jogador.financeiro);
            if (arrayFinanceiro) {
                arrayFinanceiro.forEach((grupoKey) => {
                    if (grupoKey === id_grupo) {
                        return jogador.financeiro[grupoKey];
                    }
                });
            } else return 0;
        } else return 0;
    }

JSX:

<Text>{ this.getValor(jogador) }</Text>

Answer 1

Javascript is asynchronous. To make your method synchronous you have to use async/await. See the example

 async function getUserFullData(){ 
    var userData = await getUser(); 
    var userAddress = await getUserAddr(userData); 
    console.log(userData, userAddress); 
}

getUserFullData(); 

Take a look at the documentation as well https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/funcoes_assincronas