官網(wǎng)鏈接：https://www.learnrxjs.io/learn-rxjs/operators/filtering/takewhile

import { of } from 'rxjs'; import { takeWhile, filter } from 'rxjs/operators';// emit 3, 3, 3, 9, 1, 4, 5, 8, 96, 3, 66, 3, 3, 3 const source$ = of(3, 3, 3, 9, 1, 4, 5, 8, 96, 3, 66, 3, 3, 3);// allow values until value from source equals 3, then complete source$.pipe(takeWhile(it => it === 3))// log: 3, 3, 3.subscribe(val => console.log('takeWhile', val));source$.pipe(filter(it => it === 3))// log: 3, 3, 3, 3, 3, 3, 3.subscribe(val => console.log('filter', val));

區(qū)別一目了然：

• takeWhile, 當(dāng)條件不滿足時，Observable 設(shè)置為 completed 狀態(tài)，停止 emit 值

• filter, Observable 里所有滿足條件的值都將被 emit

總結(jié)

以上是生活随笔為你收集整理的Rxjs takeWhile 和 filter 操作符的区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。