[Solved] Given this code, what will be the final output in the console?import { of } from 'rxjs';... Given this code, what will be the final output in the console?import { of } from 'rxjs'; | Angular

Angular - RxJS Operators

Given this code, what will be the final output in the console?

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

of(5, 10, 15).pipe(
  tap(x => console.log('Value:', x)),
  filter(x => x > 7),
  tap(x => console.log('Filtered Value:', x))
).subscribe();

AValue: 5 Filtered Value: 5 Value: 10 Filtered Value: 10 Value: 15 Filtered Value: 15

BValue: 5 Value: 10 Filtered Value: 10 Value: 15 Filtered Value: 15

CValue: 10 Value: 15

DFiltered Value: 10 Filtered Value: 15

Step-by-Step Solution

Solution:

Step 1: Observe tap before filter
The first tap logs all values: 5, 10, 15.
Step 2: Apply filter and second tap
Filter passes only values greater than 7 (10 and 15), which the second tap logs.
Final Answer:
Value: 5 Value: 10 Filtered Value: 10 Value: 15 Filtered Value: 15 -> Option B
Quick Check:
tap before and after filter logs all and filtered values [OK]

Quick Trick: tap before filter logs all; tap after logs filtered only [OK]

Common Mistakes:

MISTAKES

Expecting filtered values to appear in first tap
Ignoring filter effect on second tap
Assuming tap modifies values

Master "RxJS Operators" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

Given this code, what will be the final output in the console?

Step 1: Observe tap before filter

Step 2: Apply filter and second tap

Final Answer:

Quick Check:

Want More Practice?