Analizar JSON en Angular

Este artículo abordará cómo analizar JSON en Angular con ejemplos.

Analizar JSON en Angular

Cuando trabajamos con API en aplicaciones Angular, nos encontramos con respuestas en JSON. Es posible que obtengamos algunos datos de la API en formato JSON y es posible que necesitemos mostrarlos en una tabla.

Para esto, necesitamos analizar los datos JSON. Pongamos un ejemplo e intentemos crear datos JSON utilizando el método stringify de JSON.

Este método se usa para convertir cualquier cosa al formato JSON. Entonces podemos usar ese JSON para analizar con la ayuda de otro método de JSON parse().

El método parse() puede analizar JSON sin ningún problema.

Código de ejemplo:

# Angular
import { Component, VERSION, OnInit } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent implements OnInit {
  strInfo: any;
  parseInfo: any;

  myInfo =
    {
      "id": 0,
      "guid": "9b06a996-23f4-46ff-a007-a6bca1f9c1f3",
      "balance": "$1,590.37",
      "age": 33,
      "name": "Chaney Harrell",
      "gender": "male",
      "company": "GOGOL",
      "email": "chaneyharrell@gogol.com",
      "phone": "+1 (836) 566-3872",
      "address": "716 Grafton Street, Rodanthe, West Virginia, 6757"
    }

  ngOnInit() {
    console.log(this.myInfo);

    this.strInfo = JSON.stringify(this.myInfo);
    console.log('After using Stringify :', this.strInfo);

    this.parseInfo = JSON.parse(this.strInfo);
    console.log('After Parsing Json Info:', this.parseInfo);
  }
}

Producción:

Con la ayuda de stringify(), podemos convertir los datos en un JSON perfecto, y luego podemos usar otra función de JSON parse() que puede analizar los datos JSON sin ningún problema.