为什么我在获取数据表单时变得不确定 API

Question

我是初学者，正在学习JavaScript。我正在尝试用 API 做一些项目。我正在使用 Unsplash API 来获取一些数据。但是我遇到了类型错误。在我的 JavaScript 代码中，第 4 行到第 7 行，我试图 console.log 点赞、观看和下载，但它们显示未定义。

fetch(`https://api.unsplash.com/photos/random/?client_id=YILDy9SO8bXBp_dwX7aFO3R_UAs1-8v0gTrK2o2wllE&count=1`)
.then(response => response.json())
.then(data => {
    console.log(data);
    console.log("Likes:", data.likes);
    console.log("Views:", data.views);
    console.log("Downloads:", data.downloads);
});

问题是什么？我怎样才能得到这些值？

Answer 1

数组中的数据对象returns，因此您必须获取第 0 个元素才能访问该对象及其数据。像这样：

fetch(`https://api.unsplash.com/photos/random/?client_id=YILDy9SO8bXBp_dwX7aFO3R_UAs1-8v0gTrK2o2wllE&count=1`)
.then(response => response.json())
.then(data => {
    console.log(data);
    console.log("Likes:", data[0].likes);
    console.log("Views:", data[0].views);
    console.log("Downloads:", data[0].downloads);
});

为什么我在获取数据表单时变得不确定 API

Why I am getting undefined while fetching data form API

javascript

api

fetch