Rxjs----map

map((previousValue) => previousValue*10)

函数功能:

提供一个数组(Observable),对数组的每个元素  × 10,将结果返回

参数解析:

 previousValue: 传入的值,可以是任何类型(string、事件、数组)

返回结果:可观察对象

示例:

1 const numbers$ = of(1, 2, 3, 4);
2 numbers$.pipe(map(v => v * 10)).subscribe(result => {
3    console.log(result);
4  })

上述代码中,v 依次表示 1,2,3,通过 map 执行 1×10、 2×10、 3×10,最终返回 10、20、30

1    const box: any = document.getElementById('box');
2    fromEvent(box, 'click').pipe(
3       map((event: any) => event.clientX)
4     ).subscribe(result => {
5       console.log(result);
6     })

上述代码中,给box绑定点击事件,将每次点击的 click 事件传给 map,map将点击位置的 clientX 返回,subscribe中参数 result 就表示返回的 clientX。 

 

posted @ 2021-11-15 16:45  GISer杰  阅读(120)  评论(0编辑  收藏  举报