如何从Picsum API返回的对象数组中获取指定数据?
解决方法
你看到的[object Object]是因为接口返回的是对象数组,直接打印时控制台可能会折叠显示,或是用字符串拼接输出时会出现该提示。要提取作者、ID等信息,只需遍历数组并访问对象的对应属性即可:
1. 遍历打印每条数据的作者和ID
let data = []; const f1_data = await fetch("https://picsum.photos/v2/list").then((res) => res.json() ); data = f1_data; // 遍历数组,打印每个对象的作者和ID data.forEach(item => { console.log('作者:', item.author); console.log('图片ID:', item.id); // 还可以访问其他属性,比如图片地址 // console.log('图片链接:', item.url); });
2. 收集所有作者或ID到新数组
如果需要把所有作者或ID单独存成数组,使用map方法:
// 收集所有作者 const allAuthors = data.map(item => item.author); console.log('所有作者列表:', allAuthors); // 收集所有ID const allIds = data.map(item => item.id); console.log('所有图片ID列表:', allIds);
查看完整数据结构
如果想直接查看数组里的完整对象内容,除了点击控制台的展开箭头,也可以用console.dir(data)来强制展开显示详细结构。
内容的提问来源于stack exchange,提问作者Andrew
相关产品推荐
相关产品推荐

