如何从 typescript 中的 API 访问嵌套数组

Question

我有一组来自 API 的对象。看图

在我的 game.component.ts 中，我尝试访问主游戏数组中的一个数组，但我无法使用 typescript 访问平台名称（array7）。

  constructor(
    private gamesService:GamesService,
    private router: Router,
  ) {
    this.game = new Game('', '', [],  '', [], 1 );
    console.log(this.game);
    this.gamesService.getListGames(this.page).subscribe( (data: any) =>{
      //console.log(data.results);
      console.log(data);
      this.gameslist = data.results;
      //this.count = data.results.length;
      console.log(this.count);
      //this.nextpage = game.next;
      console.log(this.nextpage);
      console.log(data.results);
      if(data.platforms == 'PC')
      {
         return this.pcIcon= '../assets/pc.png';
      }
     });

如何访问console.log(data.results " platform name"中的platforms.name ????

在console.log中打印一个对象游戏的平台名称，每个游戏都有不同的平台名称。

我正在 typescript 中查找平台名称，以便稍后获取每个平台的 .png 图像。

Answer 1

所以，iiuc，API 在“data.results”中返回一个包含 20 个游戏的数组。每个游戏都有一个“平台”数组。

要访问第一个游戏，您需要使用“data.results[0]”，要访问游戏的第一个平台，您需要使用“data.results[0].platforms[0]”。 如果你想遍历第一个游戏的平台，那么你的代码应该是这样的：

data.results[0].platforms.forEach((platform)=> { 
    if (platform == "PC") {
        //Your code here
    }
}

循环所有游戏及其所有平台：

data.results.forEach((game) => {
    //Looping Platform for each game
    game.platforms.forEach((platform)=> { 
            //your code here
        }
}