What is the combineLatest operator in RxJS?

Can you explain what the combineLatest operator does in RxJS?

Sure! The combineLatest operator in RxJS is used to combine the latest values from multiple observables. It emits a new value whenever any of the input observables emit a value, combining the latest values from each.

How does it differ from merge or zip?

Unlike merge, which emits values as they come in, combineLatest waits for all observables to emit at least once before emitting. Zip, on the other hand, combines values based on their emission order, emitting a value only when all observables have emitted.

Can you give me a code example?

Certainly! Here's a simple example:

import { combineLatest, of } from 'rxjs';

const obs1 = of('Hello');
const obs2 = of('World');

combineLatest([obs1, obs2]).subscribe(([val1, val2]) => {
  console.log(`${val1} ${val2}`); // Outputs: Hello World
});