How to stop a loop Each javascript

Question

Hi, I’m developing a search engine for a bot rank on Twitch.tv follows the code below

const cheerio = require('cheerio')
const URL ='https://shadowarena.pearlabyss.com/en-US/Arena?battleType=0&server=sa'
let rankYoda;
async function acesso(){
    const response = await request(URL)
    const $ = cheerio.load(response)
    $('.box_list_area').each((i, e) => {
        const name = $(e).find('.thum_name').text()
        const rank = $(e).find('.thum_rank').text()
        if(name === "YoDaSL"){
            rankYoda = rank
        }

        }
        )}      
acesso()
console.log(rankYoda)

Whenever I run, it returns me on the console the value undefined, and I would like that when such name "Yodasl" is found, to stop the loop and associate it to a variable outside the loop, in order to give console.log on it, someone could help me?

Answer 1

You are using asynchronous functions, it means that javascript runs its function "parallel" to the rest of the code and you are trying to work synchronously access.

Asynchronous functions perform with callbacks, are functions that perform when the main function terminates, example:

const URL ='https://httpbin.org/get';
$.get(URL, r => console.log(r));
console.log("Meu log");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Note that when executing the snippet, even the function $.get running first, "My log" is the first to appear on the console. This is because javascript only runs the console.log(r) when the request is completed.

In your role then I suggest the following changes:

const cheerio = require('cheerio')
const URL ='https://shadowarena.pearlabyss.com/en-US/Arena?battleType=0&server=sa'
let rankYoda;
// já que está usando "await" no request e retornando o valor isso disponibilizará os dados para usarmos na outra função
async function requestData(){
    const response = await request(URL)
    const $ = cheerio.load(response);
    return $;
}
// aqui os dados carregados pelo cheerio estarão no parâmetro $
function searchUserRank(user, $){
    $('.box_list_area').each((i, e) => {
        const name = $(e).find('.thum_name').text()
        const rank = $(e).find('.thum_rank').text()
        if(name === user){
            return rank;
        }

    });
};
cheerioData = requestData();
rankYoda = searchUserRank("YoDaSL", cheerioData);
console.log(rankYoda);

I haven’t tried it but I believe it’s something close to what you’re looking for