javascript - 将 JSON 接口(interface)转换为数组

Question

我有一个接口(interface)类和 JSON 文件，我想将其转换为列表并对其进行处理。例如，从 JSON 中的每个对象获取 Racename 到列表\数组中。是否可以？这就是界面:

interface IRunners{
Racename: string;
Category:number; 
Gender:string; 
Work:string; 
FullName:string; 
Rank:number;
Point:number;
Numparticipant:number;
rankparticipant:number;
precentagePart:string; 
NumRaces:number; 
RaceTime:string; 
rankCat:number; 
PointCat:number; 
RaceDate:string;
}

这是 JSON 文件 (Runners.json):

[
  {"Racename":"A1","Category":34,"Gender":"זכר","Work":"AMDOCS","FullName":"Simon Work ","Rank":1,"Ponit":1,"Numparticipant":0,"rankparticipant":0,"precentagePart":"0","NumRaces":1,"RaceTime":"2018-10-18T00:34:20","rankCat":1,"PointCat":1,"RaceDate":"2018-10-05"}
] 

我订阅如下:

  this.runnerService.getRunners().subscribe(
        runners=>{
          this.runners = runners;
          this.filteredCompetitions = this.runners;
          this.filteredRunners = this.runners;
        }

我想将 runners JSON 转换为数组，以便进行一些更改并从中获取一些数据。我是 Typescript 和 Angular 的新手，所以可能犯了一些错误。

Answer 1

您可以使用Array#map() .

// Assumes runners.json is a file in the same directory as this file
const jsonArray = require("./runners.json")

// // returns ["A1"]
const listOfRacenames = jsonArray.map(d => d.Racename)