Groups pairs of consecutive emissions together and emits them as an array of two values.

pairwise 將連續的發射出的值進行分組并配對，然后以數組的數據結構進行發射。

pairwise 返回的數據類型如下：返回一個新的 OperatorFunction，這是一個函數，該函數返回一個新的 Observable，以數組的結構包裹了源 Observable 發射的值。

OperatorFunction<T, [T, T]>: A function that returns an Observable of pairs (as arrays) of consecutive values from the source Observable.

pairwise 的彈珠圖：

下列這段代碼，計算每次屏幕點擊和前一次點擊的絕對距離：

import { fromEvent } from 'rxjs'; import { pairwise, map } from 'rxjs/operators';const clicks = fromEvent(document, 'click'); const pairs = clicks.pipe(pairwise()); const distance = pairs.pipe(map((pair) => {const x0 = pair[0].clientX;const y0 = pair[0].clientY;const x1 = pair[1].clientX;const y1 = pair[1].clientY;return Math.sqrt(Math.pow(x0 - x1, 2) + Math.pow(y0 - y1, 2));}) ); distance.subscribe((x) => console.log(x));

總結

以上是生活随笔為你收集整理的rxjs 操作符 pairwise 的一个例子的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。