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

Issue with arrow function not being invoked in a React TypeScript component's prop inside a function

Values from an authorized content provider that are non-primitive are not displaying any data

Grouping SQL queries by date and IP address

What is the process for activating focus on an input element within a mat-select component?

Unable to run the command npm run env:restart

`Can you provide guidance on implementing font-awesome icons on NativeScript?`

Unable to destructure props and assign them to a react-bootstrap component

What is the reason TypeScript does not recognize the type when dealing with promises?

Angular is throwing an error stating that the property 'json' cannot be found on the type 'Object'

Analyzing a text file against a string to identify discrepancies using Node.js

Angular8 Material Grid displaying headers and tiles, experiencing slight resizing issue with mat-grid-tile content

Required attributes not found for data type in TypeScript

Accurately locate all ChildComponents throughout the entire Component hierarchy

Hide the FormArray in a Reactive Form if it is not populated or cannot be determined

Eliminating an item from an array with the help of React hooks (useState)

Discover the best approach for transforming a complicated JSON object/array into a map using inheritance coding techniques

Having trouble updating Angular CLI

The Angular HTML Autocomplete feature is not functioning as intended when hosted on a CDN in Chrome, despite setting it to "nope" or "off"

Creating TypeScript versions of `delegate` pattern JavaScript code

Adding 30 Days to a Date in Typescript