Cómo trabajar con JSON en JavaScript?
JSON -Introducción Básica
Json es la representación textual de los datos que facilita la transferencia de datos a velocidades realmente altas. En JSON, diferencias una clave y un valor colocando un colon ":" entre ellos, y coloca una coma entre diferentes pares de valor clave. Además, los pares de valores clave están encerrados dentro corchetes:
Sintaxis de JSON
La sintaxis de JSON es bastante simple, es la siguiente:
Clave1: valor,
Key2: Valor
Trabajando con JSON
Para trabajar con JSON en JavaScript, el JSON se almacena primero dentro de una variable para convertirlo en un objeto JSON.
Por ejemplo, imagine que tiene datos JSON de una persona que contiene la siguiente información como:
primer nombre: "John",
LastName: "Doe",
Edad: 22,
Ciudad: "Newyork",
Para convertirlo en un objeto utilizable en JavaScript, simplemente lo colocamos igual a un objeto con el siguiente código:
constante persona =primer nombre: "John",
LastName: "Doe",
Edad: 22,
Ciudad: "Newyork",
;
Como puede ver, creó una variable persona Eso ahora tiene un objeto con la información sobre esa persona como FirstName, LastName, etc.; Para asegurarnos de que podamos usarlo dentro de JavaScript, simplemente vamos a imprimir este objeto en la pantalla usando el consola.registro() función:
consola.log (persona);El fragmento de código completo sería:
constante persona =primer nombre: "John",
LastName: "Doe",
Edad: 22,
Ciudad: "Newyork",
;
consola.log (persona);
Cuando ejecute este código, verá la siguiente salida:
Como puede ver en su consola, podemos ver un objeto que se imprime. Esto se debe a que creamos un objeto estableciéndolo igual a una variable.
Acceder al valor desde un objeto JSON
Para acceder a los valores desde el interior del objeto JSON, usa el operador de puntos con el nombre del "llave".
Tomando el objeto JSON anterior, si desea imprimir el primer nombre, use la siguiente línea:
consola.Log (persona.nombre de pila);Verá la siguiente salida:
Incluso puede imprimir el nombre completo usando la siguiente línea:
consola.registro("El nombre completo de la persona es como:" + persona.primer nombre + persona.apellido
);
Obtendrá la siguiente salida:
Como puede ver, concatenamos el primer nombre y el apellido y lo mostramos en la consola.
De esta manera puede acceder a los pares de valor clave JSON.
Agregar en el objeto JSON
Si desea agregar un valor dentro de un objeto JSON, puede hacerlo usando el operador de puntos. Primero, proporcione la "clave" después del punto y estén igual a su valor como se muestra en la siguiente sintaxis:
jsonobject.newkey = valor;En caso de que desee agregar el trabajo de la persona en el objeto mencionado en el ejemplo anterior, puede hacerlo utilizando la siguiente línea de código:
persona.Job = "Auditor";consola.Log (persona.trabajo);
El fragmento completo es como:
constante persona =primer nombre: "John",
LastName: "Doe",
Edad: 22,
Ciudad: "Newyork",
;
consola.registro(
"El nombre completo de la persona es como:" + persona.primer nombre + persona.apellido
);
persona.Job = "Auditor";
consola.log ("y el trabajo de la persona es:");
consola.Log (persona.trabajo);
Cuando ejecuta el fragmento de código anterior, obtiene la siguiente salida en su pantalla:
Como puedes ver, el trabajo al principio no formó parte del objeto JSON, pero pudiste agregarlo en el objeto JSON e imprimirlo también en la consola.
Convertir el objeto JSON en objeto de cadena
Como se mencionó anteriormente, JSON se transfiere como datos textuales, por lo que si desea convertir un objeto JSON en un objeto de cadena, puede hacerlo utilizando el método:
Json.Stringify (objeto);Si desea convertir el objeto de persona mencionado anteriormente en una cadena e imprimirlo en la consola, puede hacerlo utilizando las siguientes líneas de código:
consola.registro (JSON.Stringify (persona));Cuando ejecute el código, obtendrá la siguiente salida en su pantalla:
Como puede ver, el objeto JSON se ha convertido en un objeto de cadena, esto es muy beneficioso para transferir datos a través de Internet a velocidades muy altas.
Conclusión
JSON es la estructura de transferencia de datos más utilizada del mundo debido a que es realmente de tamaño ligero y fácil de transferir. JSON se basa en la sintaxis de un objeto JS normal, pero es totalmente diferente del objeto JS, ya que un objeto puede tener un método dentro, mientras que JSON es solo información, ya que contiene pares de valor clave. Sin embargo, no se limita a JavaScript, JSON está disponible en casi todos los idiomas de programación. Aprendimos sobre JSON, su uso, cómo trabajar con JSON dentro de JavaScript, cómo acceder a los valores de JSON y cómo agregar en un objeto JSON. Por último, aprendimos a convertir un objeto JSON en un objeto de cadena.