Tap Operator

Last Updated on June 25, 2021

In this tutorial, we will learn about the Tap Operator of RXJS.

Tap Operator:

 The tap Operator is a Utility Operator which is very similar to a helper function,  

Perform a side effect for every emission on the source Observable, but return an Observable that is identical to the source.

tap allows you to perform actions or side effects on an Observable stream without modifying or altering the original stream.

const arr = [1, 2, 3];

const fromArr$ = from(arr);

fromArr$
  .pipe(tap((value) => console.log("Received value: ", value)))
  .subscribe((value) => console.log(`Emitted Values: `, value));

Use of Tap Operator

Console.log(Data)

Consoel.log(Response)

Change Property Value

Emit Value in Observable

Perform Any Other Action

Instead doing other like unsubsring in map better to do it in tap