Javascript Async promise: cannot get my data

Question

I'm trying to apply a function to map each element that my promise return after a fetch request. Somehow I can log the result to the console but I cannot use it further more. Here is my code:

async function init() {
  const res = await fetch(`https://jsonplaceholder.typicode.com/users`);
  const data = await res.json();
  console.log(data);
  function getUsersNames (data){
      data.map((user, index)=>{
          console.log(user[index].name);
      })
  }
}


init();

and this is a screenshot of my output in the console:

Any help would be great! Thanks

why did you create getUsersNames method? just call data.map... — wangdev87, Jan 20 '21 at 13:59
If you're not interested in the return value of `.map()` then you shouldn't be using `.map()` — Andreas, Jan 20 '21 at 14:00
`getUsersNames` is never called. Where and how do you execute it? — VLAZ, Jan 20 '21 at 14:02
put return data in your init() function. delete inside this function getUsersNames. call init().then((data)=>{ ... .whatever you want.... }) — Maik Lowrey, Jan 20 '21 at 14:10

score 2 · Accepted Answer · answered Jan 20 '21 at 14:00

2

The error is at line 7, you are calling user[index].name but it should be user.name. In the map function you are already looping through your array.

answered Jan 20 '21 at 14:00

Adnan

140
1
6

1

...or `data[index].name` (but this is just for completeness^^) – Andreas Jan 20 '21 at 14:01

Javascript Async promise: cannot get my data

1 Answers1