如何在 Angular 中将地图、过滤器等与 Observable 一起使用

【问题标题】：How to use map,filter etc with Observable in Angular如何在 Angular 中将地图、过滤器等与 Observable 一起使用
【发布时间】：2021-08-31 05:16:50
【问题描述】：

我已经创建了这个 Observable：

const numbers$:Observable<any>=Observable.create((observer)=>{
      for(let i=0;i<5;i++)
      observer.next(i);
    })

现在当我尝试以这种方式使用地图或过滤器时

numbers$.pipe(map(x=>{x+110})).subscribe(x=>console.log(x)) //undefined
numbers$.map((x:any)=>{x*10}).subscribe(x=>console.log(x)) //undefined

它是未定义的。有什么建议我该如何使用它？

【问题讨论】：

【解决方案1】：

如果你使用 { } 你应该使用 return

numbers$.pipe(map(x=>{
     return x+110
})).subscribe(x=>console.log(x))

您还可以删除 { } 和 return

numbers$.pipe(map(x=>x+110
)).subscribe(x=>console.log(x))

注意：如果你想返回一个对象而不使用 return 你需要使用额外的()

numbers$.pipe(map(x=>({number:x+110})
)).subscribe(x=>console.log(x))

【讨论】：