Skip to main content
1 de 3
JRR
  • 23
  • 7

Convertir JSON a array de objetos

El JSON devuelto por el Observable es tan simple como:

{
  "01": "Teléfono",
  "02": "Móvil",
  "03": "Email"
}

Se requiere esta salida...

[
  { "key": 01, "value": "Teléfono" },
  { "key": 02, "value": "Móvil" },
  { "key": 03, "value": "Email" },
]

Definiendo el flujo con el método GET utilizando el módulo httpClientModule e instanciando lo necesario en el service queda algo como:

interface MockModel {
  [key:number] : string;
}

/* **/

private mockExampleService(url: string): Observable<MockModel[]> {
  return this.http.get<MockModel[]>(url);
}

public getMockObj(): Observable<MockModel[]> {
  this.mockExampleService('example/mock.json').pipe(
    map(el: MockModel) => {
      return [{el}];
    }
  );
}
JRR
  • 23
  • 7