如何使用nestjs httpservice（axios）获取嵌套的api数据

Question

我正在使用 nestjs HttpService.get 从以下 API 检索数据：

 getVehicleMake(): Observable<AxiosResponse<any>> {
   return  this.httpService.get('https://vpic.nhtsa.dot.gov/api/vehicles/getallmakes?format=json')
                 .pipe(
                       map(response => response.data.Results),
                       map(obj => obj.Make_Name),
                       );
}

API 在其他数据中返回一个嵌套的对象数组。我试图访问 Make_Name 属性的数组但没有成功。我尝试了各种可观察的运算符，但似乎都不起作用。我知道我可以切换到 Promise...但我想使用 observables...任何想法都将不胜感激。

Answer 1

如果Results 是一个数组，创建Make_Name 属性的数组需要做的是在Results 属性上使用数组方法。鉴于上述情况，您有两种方法可以做到这一点。

选项 1：在单个 map 函数中完成所有操作

getVehicleMake(): Observable<AxiosResponse<any>> {
  return  this.httpService.get('https://vpic.nhtsa.dot.gov/api/vehicles/getallmakes?format=json')
    .pipe(
      map(response => response.data.Results.map(result => result.Make_Name)
    );
}

选项 2：使用两个 map 函数，两个分开获取数据并正确映射

getVehicleMake(): Observable<AxiosResponse<any>> {
  return  this.httpService.get('https://vpic.nhtsa.dot.gov/api/vehicles/getallmakes?format=json')
    .pipe(
      map(response => response.data.Results),
      map((results) => results.map(result => result.Make_Name)
    );
}