javascript - 如何确保 Fetch API 中的数组已填充？

Question

const userfetched =[];
fetch('https://jsonplaceholder.typicode.com/users').then(response=> response.json()).then(user=>userfetched.push(user));
console.log(userfetched)

这里输出空数组。

但是如果我使用以下代码:

const userfetched =[];
fetch('https://jsonplaceholder.typicode.com/users').then(response=> response.json()).then(user=>console.log(user));
console.log('end')

它输出结尾然后是数组值。

我如何等待获取响应被填充并迭代它？

Answer 1

只需将 console.log(userfetched) 放在 fetch Promise 解析并解析为 json 之后即可:

fetch('https://jsonplaceholder.typicode.com/users')
  .then(response => response.json())
  .then(user => { 
      console.log(user) 
      // and do whatever you wanna do here
  });