RxJS: Operator map
Opublikowano: 29.03.2022 - tagi: JavaScript RxJS Operator Pipe
Operator map z RxJS działa bardzo podobnie jak metoda map z klasy Array.
Służy do przekstałcenia wartości wysłanej z obiektu Observable do postaci nam pasującej.
Przykład:
Załóżmy że mamy taką opowiedź z serwera:
{
success: true,
items: [
{
title: 'Foo',
value: 1
},
{
title: 'Bar',
value: 2
}
]
}
Nas interesuje tylko zwartość z items. W takim przypadku możemy skorzystać z operatora map
import { of } from 'rxjs';
import { map } from 'rxjs/operators';
const fakeResponse =
{
success: true,
items: [
{
title: 'Foo',
value: 1
},
{
title: 'Bar',
value: 2
}
]
}
const observable = of(fakeResponse).pipe(
map(value => value.items)
);
observable.subscribe(console.log);