You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何从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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.21 18:42:42