Как отобразить массив, полученный fetch запросом?

Question

[Иван Иванов]

Добрый день, я пытаюсь получить данные фетчом. Как мне вывести эти данные на страницу в список или подскажите пожалуйста хотя бы как записать данные в переменную. Я пытался присваивать переменной данные, но оно не работает. Пытался в массив пушить данные, оно работает, но вывести отдельно элементы у меня не получается.

let users = [];

fetch("https://reqres.in/api/users?page=2")
    .then((r) => r.json())
    .then((data) => {
        const result = data.data;
        users.push(result);
    });

console.log(users[0]); // выводит undefined

Comments

[Шохрух Шаймардонов]

Правильно. Так и будет выводить. Гуглите следующие:
1. Promise
2. Async/Await
3. Как получить данные fetch js

[Михаил]

google > асинхронный код

Answer 1

[Владимир]

https://developer.mozilla.org/en-US/docs/Web/API/F...
https://developer.mozilla.org/en-US/docs/Web/JavaS...
fetch возвращает промис, почитайте как работать с ними
Чтобы работать с промисами как с синхронными функциями, почитайте про async await

Comments

[dDangel]

Боже, что за идиотизм.
Человек обращается с конкретным вопрос с конкретной задачей, а в ответ ждет конкретного ответа, который поможет решить проблему.
А вы кидаете тонну документации. Я в шоке, читаю ваш ответ и тут просто одно выплывает из другого. Чтобы разобраться в теме, нужно потратить несколько дней. Может человек, который задавал этот вопрос вообще не хотел возиться с этим поэтому обратился за помощью.
Вам проще было ничего не оставлять, чем бесполезный "мусор", который как мне кажется вы считаете за полезную информацию и думаете, что помогли человек. Я в шоке с вас