Javascript async function with fetch api not pushing to variable

Asked Jul 10 '18 at 09:37

Active Jul 10 '18 at 09:41

Viewed 31 times

Hello just learning async functions. I'm attempting to push the results of a fetch call to an array from within an async function

Console result is 0 (there are 10 users). Love to know what I'm doing wrong, thanks

        let users = [];
    async function fetchUsers() {
      const response = await fetch('https://jsonplaceholder.typicode.com/users');
      const data = await response.json();
      console.log(data);
      users.push(data);
    }
    fetchUsers();
    console.log(`There are ${users.length} users`)

edited Jul 10 '18 at 09:41

asked Jul 10 '18 at 09:37

James

1,355
3
14
38

2

You're also not invoking `fetchUsers` anywhere. – CertainPerformance Jul 10 '18 at 09:37
Oops thanks will edit snippet – James Jul 10 '18 at 09:39
@James, now, you do not `await fetchUsers();`, therefore, the length is 0 ;) – sjahan Jul 10 '18 at 09:41
@sjahan — The call to `fetchUsers` is not inside an async function so it can't be awaited. – Quentin Jul 10 '18 at 09:44
I agree, but that just explains why the length is still 0. OP just need to run it in an `async` func, or use `.then()`. – sjahan Jul 10 '18 at 09:45

Javascript async function with fetch api not pushing to variable

0 Answers0