A ideia é usar as operações pipe
e map
, para mapear a resposta para o que você precisa:
import { map } from 'rxjs/operators';
getExemplo(id: number): Observable<Exemplo>{
return this.http.get<Exemplo[]>(PATH).pipe(
map(exemplos => exemplos.filter(e => e.id === id)[0])
);
}
No caso, exemplos
é o array de Exemplo
, do qual você filtra os elementos pelo ID.
Só um detalhe: o método filter
retorna outro array, contendo os elementos filtrados. Então para pegar o primeiro elemento você deve usar [0]
logo depois, para que o retorno seja Observable<Exemplo>
(que é o que getExemplo
está retornando).
Se você só usar filter
(sem pegar o primeiro elemento com [0]
), o retorno será um array, e o resultado será um Observable<Exemplo[]>
.
Obviamente o código acima assume que sempre existirá um elemento com o ID indicado. Mas se quiser, também pode verificar se filter
retornou um array vazio. E caso seja vazio (ou seja, nenhum elemento com o ID foi encontrado) retorne null
, por exemplo (ou tome qualquer outra ação que julgar necessária):
getExemplo(id: number): Observable<Exemplo>{
return this.http.get<Exemplo[]>(PATH).pipe(
map(exemplos => {
let filtrados = exemplos.filter(e => e.id === id);
if (filtrados.length > 0) { // tem pelo menos um elemento com o ID
return filtrados[0]; // retorna o primeiro
}
// nenhum elemento com o ID foi encontrado, retorna null
return null;
})
);
}
Usando o código acima, bastaria então verificar se o Exemplo
retornado é null
:
getExemplo(123).subscribe(exemplo => {
if (exemplo) {
// exemplo com ID 123 existe
} else {
// exemplo com ID 123 não existe
}
}
Outra alternativa é usar o método find
:
getExemplo(id: number): Observable<Exemplo>{
return this.http.get<Exemplo[]>(PATH).pipe(
map(exemplos => exemplos.find(e => e.id === id))
);
}
O find
retorna o primeiro elemento do array que satisfaz a condição, ou undefined
se nenhum for encontrado.