The output of switchMap inner will generate an array similar to what forkJoin produces

Question

The output of switchMap inner will generate an array similar to what forkJoin produces

I have a series of observables that need to run sequentially, with each result depending on the previous one. However, I also need all the intermediate results in an array at the end, similar to what is achieved with the use of forkJoin.

Below is the current code snippet:

     getData$ = getResponses$
            .pipe(
              switchMap((data_1) => {
                return getResponse_1$;
              })
            )
            .pipe(
              switchMap((data_2) => {
                return getResponse_2$;
              })
            );

The issue is that getResponse_2$ relies on getResponse_1$, and getResponse_1$ relies on getResponses$. I am looking for a way to make the final result, getData$, an array of all intermediate results, similar to using forkJoin. Is there a solution for this?

arrays angular typescript rxjs switchmap

Answer 1

Answer №1

If you want to achieve a similar result, you can use the code snippet below:

// Assume you have the following observables:
const getData$ = of('Text').pipe(
  switchMap(data => 
    of(1).pipe(map(data_1 => ({ data, data_1 })))
  ),
  switchMap(({ data, data_1 }) => 
    of(true).pipe(
      map(data_2 => {
        const result: [string, number, boolean] = [
          data,
          data_1,
          data_2
        ];
        return result;
      })
    )
  )
);

Answer 2

If you want to achieve a similar result, you can use the code snippet below:

// Assume you have the following observables:
const getData$ = of('Text').pipe(
  switchMap(data => 
    of(1).pipe(map(data_1 => ({ data, data_1 })))
  ),
  switchMap(({ data, data_1 }) => 
    of(true).pipe(
      map(data_2 => {
        const result: [string, number, boolean] = [
          data,
          data_1,
          data_2
        ];
        return result;
      })
    )
  )
);

The output of switchMap inner will generate an array similar to what forkJoin produces

Answer №1

Similar questions

step-by-step guide to leveraging the heatmap functionality of google maps with angular agm

Tips for Ensuring the Observable Completes Before Subscribing

Toggle the visibility of a modal in code across various components in an Angular 4 project using Typescript

Exploring variables within an Angular2 component's view

Typescript encounters ERROR TS1128: Expecting a declaration or statement

Dealing with Angular CORS Problems While Sending Successive Requests

How to seamlessly incorporate Polymer Web Components into a Typescript-based React application?

Ways to update the value of an object in typescript

Next.js routing can sometimes be unpredictable, especially when navigating from a nested route

What is the process for setting up a resthook trigger in Zapier?

The iframe is not large enough to contain all the HTML content

I desire to obtain an image from a different webpage

Choosing a personalized component using document selector

The application is having trouble accessing the property 'isXXXXX' because it is undefined

Currently, I am working with Angular 11 and encountered some errors while trying to embark on a new project

Exploring the depths of multidimensional arrays in PHP to display their contents

Tips on showcasing array elements within a table's tbody section and including several values within the same array

Issues encountered while attempting to update data in angular2-datatable

The combination of using the .share() method with the .subscribe() method is resulting in

Removing invalid characters in a *ngFor loop eliminates any elements that do not meet the criteria