示例代码:
// 假设我们要从以下API获取数据 const API = 'https://jsonplaceholder.typicode.com/posts/';
// fetch函数返回的是Promise对象 // 因此,我们必须等待Promise解决后才能获取到数据 fetch(API) .then(response => response.json()) .then(data => { // 在控制台中打印出我们获取的数据对象 console.log(data); });
// 给定一个包含对象的数组 const objArray = [ { id: 1, name: 'John' }, { id: 2, name: 'Doe' }, { id: 3, name: 'Alice' } ];
// 使用Promise.all()方法,等待所有fetch操作完成 Promise.all(objArray.map(obj => fetch(API + obj.id))) .then(responses => Promise.all(responses.map(res => res.json()))) .then(data => { // 用获取的数据给objArray中的每个对象添加一个属性 const newObjects = objArray.map((obj, index) => { return { ...obj, post: data[index] }; });
// 在控制台中打印出带有post属性的新数组
console.log(newObjects);
}) .catch(error => console.log(error));
上一篇:遍历对象数组时出现TS错误
下一篇:遍历对象数组以获取值