javascript - 从 Observable 数组 Angular 中选择元素

标签 javascript angularjs arrays reactivex

我正在查询 API 并尝试从它返回的数组中获取特定元素。

我查询 API 并获得 JSON 响应。我通过 .map 调用将响应发送到一个函数,该函数将响应中的每个对象映射到 T。

getOne(num: number): Observable<T> {
      let t$ = this.http
      .get(`${this.API_URL}?${this.getParams()}`)
        .map(mapToTypeT)
        .filter(x => Number.parseInt(x.rn) === num)

      return t$;
}

我想调用filter来查找rn值与num参数匹配的一个元素。我知道这是不对的,因为我收到了两个错误:

Property 'rn' does not exist on type 'T[]'

Type 'T[]' is not assignable to type 'T'

有没有办法可以访问 T[ ] 数组来检查每个元素的属性,然后返回与给定谓词匹配的元素?就目前情况而言,我正在使用 T 的 Observable 数组,但我想返回一个只有 一个 T 的 Observable。

供引用,另外两个函数:

function mapToTypeT(response:Response): T[]{
  return response.json().map(t => toT(t))
  }


  function toT(r:any): T{
  let t = <T>({
    staId:    r.staId,
    stpId:    r.stpId,
    staNm:    r.staNm,
    stpDe:    r.stpDe,
    rn:       r.rn,
  });
  return t;
}

最佳答案

我发现这里有问题。

  • 返回类型应为:

Observable<Array<T>>

  • 将“any”添加到过滤函数中:

.filter(x => Number.parseInt((<any>x).rn) === num)

关于javascript - 从 Observable 数组 Angular 中选择元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40733933/

相关文章:

javascript - MongoDB 通过指定两个应该匹配的字段来检索集合中数组的子集

Javascript-根据 URL 的最后一个字符串动态更改背景图像

javascript - 从嵌套函数返回

javascript - AJAX 加载 div ID 的 child

angularjs - 如何使用 Angular js 根据上传类型上传任何文件

javascript - 在javascript中循环遍历angular js数组

javascript - 通过单击 React 删除映射元素

java - 这两个字符串数组命令有什么区别

angularjs - 应用多个类,中间有延迟

javascript - 使用 Javascript 将哈希表结果转换为字符串