RxJS 是一个强大的响应式编程库，它提供了许多操作符来方便我们处理数据流。其中，takeLast 和 skipLast 操作符是非常常用的。本文将详细介绍这两个操作符的使用方法，并提供示例代码。
takeLast 操作符
takeLast 操作符用于从数据流的末尾取出指定数量的数据。它的语法如下：
takeLast<T>(count: number): MonoTypeOperatorFunction<T>
其中，count 表示要取出的数据数量，MonoTypeOperatorFunction 表示返回一个新的 Observable，它的数据类型与原始 Observable 相同。
下面是一个简单的示例代码：
import { of } from 'rxjs';
import { takeLast } from 'rxjs/operators';
const source = of(1, 2, 3, 4, 5);
const example = source.pipe(takeLast(3));
example.subscribe(val => console.log(val));输出结果为：
3 4 5
解释：takeLast(3) 表示从数据流的末尾取出 3 个数据，即 3、4、5。
skipLast 操作符
skipLast 操作符用于从数据流的末尾跳过指定数量的数据。它的语法如下：
skipLast<T>(count: number): MonoTypeOperatorFunction<T>
其中，count 表示要跳过的数据数量，MonoTypeOperatorFunction 表示返回一个新的 Observable，它的数据类型与原始 Observable 相同。
下面是一个简单的示例代码：
import { of } from 'rxjs';
import { skipLast } from 'rxjs/operators';
const source = of(1, 2, 3, 4, 5);
const example = source.pipe(skipLast(3));
example.subscribe(val => console.log(val));输出结果为：
1 2
解释：skipLast(3) 表示从数据流的末尾跳过 3 个数据，即跳过 3、4、5，输出 1、2。
实际应用
takeLast 和 skipLast 操作符在实际应用中非常有用，例如在处理日志数据时，我们可能只需要查看最近的几条日志，而不需要查看所有的日志。这时，我们可以使用 takeLast 操作符。又例如在处理滚动列表时，我们可能需要显示最近的几条数据，而不需要显示所有的数据。这时，我们可以使用 skipLast 操作符。
下面是一个实际应用的示例代码：
-- -------------------- ---- ------- ------ - --------- - ---- ------- ------ - ---- -------- - ---- ----------------- ----- ------ - --------------------------------- ----- ------ - ----------------- --------- ----- ------ - ------------ ------ -- --- -------- ----------- -- -------------------- -- ------------------
每次点击按钮时，将当前时间作为数据推送到数据流中，并使用 takeLast(3) 操作符取出最近的三个时间。这样，我们就可以查看最近的三次点击时间了。
总结
本文介绍了 RxJS 中的 takeLast 和 skipLast 操作符的使用方法，并提供了示例代码。这两个操作符在实际应用中非常有用，可以方便我们处理数据流。希望本文对大家学习 RxJS 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660a6e15d10417a222a07b1e