Function that can call two APIs, one of them returns an array

Question

I have the following code:

getElements(apiUrl: string): Observable<Element[]> {
    return this.httpClient.get<any>(apiUrl + 'test/elements').pipe(
        catchError(error => {
            if(error.status === StatusCodes.NOT_FOUND){
                console.warn(error.status + ': no data found');
            }
            else {
                this.openModalError(error);
            }
            return throwError(() => error);
        })
    );
}

Depending on apiUrl, API will return either Element or Element[]. But I want my function to always return an array. How can I convert Element to an array when it isn't?

A starting point would be telling the compiler "API will return either Element or Element[]", rather than that it could return any. — jonrsharpe
– jonrsharpe, Commented Jun 23, 2023 at 8:49

Eliseo · Accepted Answer · 2023-06-23 09:07:01Z

3

It's only use rxjs/operator map to return if it's an array return the value, else create an array with an unique element. To know it we use the function isArray

return this.httpClient.get<Element[]>(apiUrl + 'test/elements').pipe(
     map((res:any)=>Array.isArray(res)?res:[res]),
     catchError...
})

answered Jun 23, 2023 at 9:07

Eliseo

58.9k4 gold badges39 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Function that can call two APIs, one of them returns an array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related