RxJS filter

通過僅發(fā)出滿足指定謂詞的項(xiàng)來過濾由源發(fā)出的項(xiàng)。

filter<T>(predicate: (value: T, index: number) => boolean, thisArg?: any): MonoTypeOperatorFunction<T>

參量

returns

MonoTypeOperatorFunction<T>：該predicate函數(shù)允許的來自源的可觀察值。

描述

像 Array.prototype.filter（）一樣 ，它僅在通過標(biāo)準(zhǔn)函數(shù)時(shí)才從源發(fā)出值。

與眾所周知的 Array.prototype.filter方法類似，此運(yùn)算符從 Observable 源獲取值，將其傳遞給 predicate 函數(shù)，然后僅發(fā)出 yielded 的值 true。

例

僅發(fā)出目標(biāo)為 DIV 元素的點(diǎn)擊事件

import { fromEvent } from 'rxjs';
import { filter } from 'rxjs/operators';


const clicks = fromEvent(document, 'click');
const clicksOnDivs = clicks.pipe(filter(ev => ev.target.tagName === 'DIV'));
clicksOnDivs.subscribe(x => console.log(x));

也可以看看

• distinct
• distinctUntilChanged
• distinctUntilKeyChanged
• ignoreElements
• partition
• skip