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。