Skip to main content

Operadores | Rxjs

  • Operadores | Rxjs

Operators

warning

Os operadores são um tipo de Observable. Quando colocamos eles dentro do pipe() cada um se inscreve no de cima para receber os valores alt text

  • O operador é uma função e é usado para transformar ou manipular dados que foram emitidos

Operadores​

Operadores de Criação​

  • of
  • from
  • interval
  • timer
  • fromEvent

Operadores de Transformação​

  • map
  • pluck
  • scan
  • switchMap
  • mergeMap
  • concatMap
  • exhaustMap
  • buffer
  • bufferTime

Operadores de Filtragem​

  • filter
  • first
  • last
  • take
  • takeWhile
  • skip
  • debounceTime
  • distinctUntilChanged

Operadores de Combinação​

  • merge
  • concat
  • combineLatest
  • withLatestFrom
  • zip
  • forkJoin

Operadores de Utilidade​

  • tap
  • delay
  • catchError
  • finalize
  • retry

Exemplos de como usar​

import { of } from 'rxjs';
import { map, tap, take } from 'rxjs/operators';

of(1, 2, 3, 4, 5).pipe(
  tap(valor => console.log('Antes do map:', valor)), // Executa efeito colateral
  map(valor => valor * 10),                         // Transforma o valor
  tap(valor => console.log('Depois do map:', valor)),
  take(3)                                           // Pega apenas os 3 primeiros valores
).subscribe(resultado => console.log('Resultado final:', resultado));

// Antes do map: 1
// Depois do map: 10
// Resultado final: 10
// Antes do map: 2
// Depois do map: 20
// Resultado final: 20
// Antes do map: 3
// Depois do map: 30
// Resultado final: 30

map - Operator​

  • Transforma cada item emitido
map(item => item  * 2)

tap - Operator​

  • Obtem o valor sem alterar. Usado para debug ou para ver os dados que estão saindo no final do fluxo
tap( item => console.log(item))

take - Operator​

  • Emite uma quantidade específica de itens
take(2)