[Question] How to use map function in $$

[ortoniKC]

Hi, I am trying to print a list of element text. It works when I for, but if I do the same in foreach, map, or filter it's not working.
Kindly let me know what am doing wrong here.

Sample code:

        await page.goto("https://letcode.in/elements");
        await page.fill("input[name='username']", "ortonikc");
        await page.press("input[name='username']", "Enter");
        await page.waitForSelector("app-gitrepos ol li", {
            timeout: 5000
        });
        const repos = await page.$$("app-gitrepos ol li");
        console.log(repos.length);
        // this works
        for await (const repo of repos) {
            console.log(await repo.innerText());
        }
        // This is not working
        repos.map(async (ele, i) => {
            const text = await ele.innerText();
            console.log(text);
        })

[aslushnikov]

@ortoniKC when you pass an async function to the repos.map, the result would be a Promise. So you'll probably need to await all promises. For example, to get an array of inner texts:

const innerTexts = await Promise.all(repos.map(async (ele, i) => {
  return await ele.innerText();
}));

[ortoniKC]

Thank you so much. I understood.