Use map and switchMap together

user_4928642 0
Viewed 1252

I have an observable with object containing usual field and other observable. I want to get sequence containing this field and the value of corresponding observable firing together with inner observable.

For example:

var smth$ = interval(1000).pipe(
  take(3),
  map(i => ({
    id: String.fromCharCode('A'.charCodeAt(0) + i),
    value$: interval(300).pipe(
      take(10),
      map(j => i*10 + j)
    )
  }))
)

I can easily get sequence of id field via map:

smth$.pipe(
  map(x => x.id)
)

ids by <code>map</code>

Also I can get sequence of values via switchMap:

smth$.pipe(
  switchMap(x => x.value$)
)

values by <code>switchMap</code>

But how can I get a sequence of pairs with both id and value?

desired sequence

Runable example: https://rxviz.com/v/R85xKw6J

rxjs operators javascript
2 Answers

You can try

smth$.pipe(
    switchMap(x => x.value$.pipe(
        map(d => x.id + d)
    ))
)
user_56999930
user_23985930
Related