RxJS 中的 last 操作符详解-JavaScript中文网-JavaScript教程资源分享门户

RxJS 是一种函数响应式编程框架，它是 JavaScript 中处理异步流数据的最佳选择之一。RxJS 提供了许多操作符，其中常用的操作符之一是 last 操作符。本文将详细介绍 RxJS 中的 last 操作符及其使用方法。

last 操作符的功能

last 操作符是 RxJS 中的一种筛选操作符，它基本上是将当前可观察对象的所有值发出后，只返回最后一个值。

特点

last 操作符的特点如下：

只返回可观察对象从开始到完成的最后一个值。
如果可观察对象为空，则会抛出错误。
可以使用参数来过滤流中的值，类似于数组的 filter 方法。
可以指定一个默认值，以便在流为空时返回。

使用示例

基本使用方法

在下面的代码示例中，我们将创建一个 observable 并使用 last 操作符筛选出最后一个元素。

import { of } from 'rxjs';
import { last } from 'rxjs/operators';

const source$ = of(1, 2, 3);
const result$ = source$.pipe(last());

// 打印结果
result$.subscribe(result => console.log(result)); // 3

使用参数过滤流中的值

last 操作符还可以使用参数来过滤可观察对象中的值。在下面的代码示例中，我们将使用 last 操作符和参数来筛选流中值大于 2 的最后一个元素。

import { of } from 'rxjs';
import { last } from 'rxjs/operators';

const source$ = of(1, 2, 3);
const result$ = source$.pipe(last(x => x > 2));

// 打印结果
result$.subscribe(result => console.log(result)); // 3

指定默认值

在 last 操作符的参数中，还可以指定一个默认值。这样，当流为空时，我们仍然能够获得一个值。在下面的代码示例中，我们将使用 last 操作符和参数来指定一个默认值。

import { of } from 'rxjs';
import { last } from 'rxjs/operators';

const source$ = of();
const result$ = source$.pipe(last(null, '流是空的'));

// 打印结果
result$.subscribe(result => console.log(result)); // 流是空的

总结

通过使用 last 操作符，我们可以过滤出可观察对象中最后一个值。此外，我们还可以使用参数来过滤流中的值，以及在流为空时指定一个默认值。RxJS 的操作符提供了丰富的功能，帮助我们更好地处理异步流数据。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6537fbdc7d4982a6eb097e77