Javascript 尝试访问数组内部的数组时出现混乱。

Javascript 尝试访问数组内部的数组时出现混乱。,javascript,json,xmlhttprequest,fetch-api,Javascript,Json,Xmlhttprequest,Fetch Api,例如,我正在使用fetchapi从纽约时报api和。在响应内部,有一个名为“多媒体”的对象,其中包含图像。我创建了一个模板文字来获取必要的数据,但似乎无法获取任何图像。这是我的密码: const div=document.getElementById('article'), url=”https://api.nytimes.com/svc/topstories/v2/home.json?api-键=fd168d666e644fe29bbb534d757b374e”; 获取(url) .then

例如,我正在使用fetchapi从纽约时报api和。在响应内部,有一个名为“多媒体”的对象,其中包含图像。我创建了一个模板文字来获取必要的数据,但似乎无法获取任何图像。这是我的密码:

const div=document.getElementById('article'),
url=”https://api.nytimes.com/svc/topstories/v2/home.json?api-键=fd168d666e644fe29bbb534d757b374e”;
获取(url)
.then((response)=>{return response.json();})
.然后(数据=>{
让article=data.results;
console.log(文章);
返回article.map(用户=>{
让输出=“”;
article.forEach(用户=>{
输出+=`
`
});
document.getElementById('article').innerHTML=output;
})
})
.catch(错误=>{console.log(错误);})
%body

#文章
它看起来像用户。多媒体是一个对象数组,而不仅仅是一个值。您需要遍历数组或按索引选择所需的项:

user.multimedia[0].url

您应该像这样迭代
user.multimedia

var imgs = "";
    article.map(user => {
      user.multimedia.map(i=>{
       imgs += "<img src="+i.url+">"
      })
var-imgs=”“;
article.map(用户=>{
user.multimedia.map(i=>{
imgs+=“”
})

output
put
${imgs}
您需要图像的位置。有几个不同大小的图像,所以我认为您应该从中选择一个。

它看起来像用户。多媒体是一个对象数组,而不仅仅是一个值。您需要遍历数组或按索引选择所需的项。下面是一个使用数组中第一个图像的快速示例-似乎变量
user
与Map一起在forEach中使用,所以请尝试更改变量名称。@BrettGregson非常感谢您,效果非常好!谢谢@ThomasBrushel。我也将其作为将来出现在这篇文章中的人的答案发布