映射特定对象数组类型的数据数组

Question

Maybe a easy question, but I couldn't find a example for this.

This is my HttpClient call

getItems(dataSourceUrl: string, bindKey: string, bindValue: string): Observable<SelectItem[]> {
    return this.httpClient.get<Array<any>>(dataSourceUrl);
}

I want to map the list result to SelectItem[] based on bindKey and bindValue . How do I do that?

I tried something like this

return this.httpClient.get<Array<any>>(dataSourceUrl).pipe(map(x=> { return { label: data.bindKey, value: data.bindValue } }));

Interface

export interface SelectItem {
    label: string;
    value: any;
}

Example of two different api responses

1.

{key:'Istanbul', value: 'Test' }
{key:'London', value: 'Test' }

bindKey will be key bindValue will be value

2.

{name:'Istanbul', id: 'Test' }
{name:'Istanbul', id: 'Test' }

bindKey will be id bindValue will be name

Answer 1

Try

getItems(dataSourceUrl: string, bindKey: string, bindValue: string): Observable<SelectItem[]> {
     return this.httpClient.get<SelectItem[]>(dataSourceUrl)
           .pipe(map(x=> this.transformValue(bindKey,bindValue,x)));
}

transformValue(bindKey,bindValue,response):SelectItem[]{
    const newResponse = [];
    response.forEach(data => {
        newResponse.push({
            label: data[bindKey],
            value: data[bindValue]
        })
    })
    return newResponse;
}