Перейти к содержанию

Создание операторов

Имеющихся в RxJS "встроенных" операторов практически всегда будет достаточно, за исключением редких и весьма специфических случаев. Вот тогда вам и придется создавать свой собственный оператор.

Разберем пример создания оператора, который принимает n-ое значение от объекта Observable и завершает его выполнение.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
const takeNth = (n: number) => <T>(source: Observable<T>) =>
    new Observable<T>((observer) => {
        let current = 1;

        return source.subscribe(
            (vl) => {
                if (current++ === n) {
                    observer.next(vl);
                    observer.complete();
                }
            },
            (err) => observer.error(err),
            () => observer.complete()
        );
    });

from(['Jack', 'Jane', 'Jim', 'Jason'])
    .pipe(takeNth(3))
    .subscribe(
        (vl) => console.log(vl),
        (err) => {},
        () => console.log('Completed')
    );

Подробное описание оператора from().

Также создавать операторы можно используя уже существующие.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
const takeNth = (n: number) => <T>(source: Observable<T>) =>
    source.pipe(filter((value, index) => index === n - 1));

from(['Jack', 'Jane', 'Jim', 'Jason'])
    .pipe(takeNth(3))
    .subscribe(
        (vl) => console.log(vl),
        (err) => {},
        () => console.log('Completed')
    );

Комментарии