RxJS - 變換運算子 map



對於 map 運算子,專案函式應用於源可觀察物件的每個值,並以可觀察物件的相同輸出發出。

語法

map(project_func: function): Observable

引數

project_func − 以 project_func 作為引數,應用於源可觀察物件的所有值。

返回值

一個可觀察物件,其值符合 project_func 的結果。

示例

import { fromEvent } from 'rxjs';
import { map } from 'rxjs/operators';
let btn = document.getElementById("btnclick");
let btn_clicks = fromEvent(btn, 'click');

let positions = btn_clicks.pipe(map(ev => ev));
positions.subscribe(x => console.log("x:"+x.clientX +" and y: "+x.clientY));

輸出

map Operator
廣告
© . All rights reserved.