时间戳

首页 > 解决方案 > 如何正确访问和输出 API 对象和数组数据？

javascript - 如何正确访问和输出 API 对象和数组数据？

问题描述

我的问题可能很简单，但我是一个学习 Javascript 的完整初学者，并且我有一个项目，我应该通过从 API 获取数据来创建动漫信息 Web 应用程序。

我对“流派”类别有疑问。它被列为一个包含各种项目和项目名称的数组，我需要在我的页面上的“流派”列中显示这些项目和项目名称。这是我需要检索的一些数据的示例。

流派数组数据：https ://imgur.com/a/pApGU59

这是我当前输出的示例：

例如列输出：https ://imgur.com/a/1rRwG5L

如果我应该通过 forEach 循环来完成此操作，那么正确的语法是什么？如果有另一种或更简单的方法，也将不胜感激。

这是我如何通过 JavaScript 将数据打印到他们尊重的列中的示例。

<div className="col-md-8">
  <h2>${movie.title}</h2>
  <ul className="list-group">
    <li class="list-group-item">
      <strong>Japanese Title:</strong> ${movie.title_japanese}
    </li>
    <li class="list-group-item">
      <strong>Genres:</strong> ${movie.genres}
    </li>
    <li class="list-group-item">
      <strong>Type:</strong> ${movie.type}
    </li>
    <li class="list-group-item">
      <strong>Premiered:</strong> ${movie.premiered}
    </li>
    <li class="list-group-item">
      <strong>Episodes:</strong> ${movie.episodes}
    </li>
  </ul>
</div>;

当然，使用“movie.genres.name”会返回“未定义”，而仅使用“movies.genres”会将许多 [object Object] 结果打印到所述列中。

我只需要在加载页面时将流派数组的“名称”项自动填充到我的流派列中。

标签： javascriptarraysjavascript-objects

解决方案

movie.genres是一个数组，你必须循环它来获取每个属性

let output = "";
for(let i=0;i< movie.genres.length; i++){
    output+=  movie.genres[i].name;
}

推荐阅读