Tutorial JSON: Aprenda con un EJEMPLO simple

Tabla de contenido:

Anonim

¿Qué es JSON?

JSON se utiliza para almacenar información de forma organizada y de fácil acceso. Su forma completa es la notación de objetos JavaScript. Ofrece una colección de datos legible por humanos a la que se puede acceder de forma lógica.

Su extensión de nombre de archivo para el código de programación escrito es

.json. El tipo de medio de Internet para JSON es application / json y public.json es su identificador de tipo uniforme. La extensión del nombre del archivo es .json.

En esta introducción a JSON para principiantes, aprenderá:

  • ¿Qué es JSON?
  • ¿Por qué utilizar JSON?
  • Historia de JSON
  • Características de JSON
  • Tipos de datos en JSON
  • Ejemplo de JSON
  • Aplicación de JSON
  • JSON frente a XML
  • ¿Qué no es JSON?
  • Desventajas de JSON
  • Herramientas JSON populares (complementos)

¿Por qué utilizar JSON?

Estos son los beneficios / ventajas importantes de usar JSON:

  • Proporcionar soporte para todos los navegadores.
  • Fácil de leer y escribir.
  • Sintaxis sencilla
  • Puede analizar de forma nativa en JavaScript usando la función eval ()
  • Fácil de crear y manipular
  • Compatible con todos los principales marcos de JavaScript
  • Compatible con la mayoría de tecnologías backend
  • JSON es reconocido de forma nativa por JavaScript
  • Le permite transmitir y serializar datos estructurados mediante una conexión de red.
  • Puede usarlo con lenguajes de programación modernos.
  • JSON es texto que se puede convertir a cualquier objeto de JavaScript en JSON y enviar este JSON al servidor.

Historia de JSON

Aquí hay puntos de referencia importantes que forman la historia de JSON:

  • Douglas Crockford especificó el formato JSON a principios de la década de 2000.
  • El sitio web oficial se lanzó en 2002.
  • En diciembre de 2005, Yahoo! comienza a ofrecer algunos de sus servicios web en JSON.
  • JSON se convirtió en un estándar internacional ECMA en 2013.
  • El estándar de formato JSON más actualizado se publicó en 2017.

Características de JSON

‭‬ fácil de usar - JSON ofertas API fachada de alto nivel, que le ayuda a simplificar el uso de uso común-cases.‬ ‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬

Rendimiento : JSON es bastante rápido ya que consume muy menos espacio de memoria, lo que es especialmente adecuado para sistemas o gráficos de objetos grandes.

Herramienta gratuita : la biblioteca JSON es de código abierto y de uso gratuito.

No requiere crear mapeo : la API de Jackson proporciona mapeo predeterminado para muchos objetos a serializar.

JSON limpio : crea un resultado JSON limpio y compatible que es fácil de leer.

Dependencia : la biblioteca JSON no requiere ninguna otra biblioteca para su procesamiento.

Reglas para la sintaxis JSON

Las reglas para la sintaxis JSON son:

  • Los datos deben estar en pares de nombre / valor
  • Los datos deben estar separados por comas
  • Los tirantes rizados deben contener objetos
  • Los corchetes sostienen matrices

Tipos de datos en JSON

Los tipos de datos importantes utilizados en JSON son:

Tipo de datos Descripción
Número Incluye número real, entero o flotante
Cuerda Consiste en cualquier texto o Unicode entre comillas dobles con escape de barra invertida
Booleano El tipo de datos booleano representa valores verdaderos o falsos
Nulo El valor nulo denota que la variable asociada no tiene ningún valor
Objeto Es una colección de pares clave-valor y siempre separados por una coma y entre llaves.
Formación Es una secuencia ordenada de valores separados.

Número:

  • El número es un formato de punto flotante de doble precisión que depende de su método de implementación.
  • En JSON no puede usar formatos hexadecimal y octal.

La siguiente tabla muestra los tipos de números:

Escribe Descripción
Entero Número 1-9 y 0. Números positivos y negativos.
Fracción Fracciones como 3
Exponente Exponente como e, e +

Sintaxis:

var json-object-name = { string : number_value,… }

Ejemplo:

var obj = {salary: 2600}

Cuerda:

Es una serie de caracteres Unicode entre comillas dobles y con barra invertida que se escapa.

La siguiente tabla muestra varios tipos de cadenas:

Escribe Descripción
* Utilizar para escribir comillas dobles
/ Utilizar para solidus
\ Usar para solidus inverso
B Úselo para agregar retroceso
F De la alimentación
norte Para crear una nueva línea
R Utilizar para retorno de carro
T Para mostrar la pestaña horizontal
U Dígitos hexadecimales

Sintaxis:

var json-object-name = { string : "string value",… }

Ejemplo:

var obj= {name: 'Andy'}

Booleano

Almacena solo valores verdaderos o falsos.

Sintaxis:

var json-object-name = {string : true/false,… }

Ejemplo:

var obj = {active: 'true'}

Formación

  • Es una colección ordenada de valores.
  • Debe usar una matriz cuando los nombres de las claves sean números enteros secuenciales.
  • Debe incluirse entre corchetes que deben estar separados por ',' (coma)

Sintaxis:

[value,… .]

Ejemplo:

Mostrando una matriz que almacena varios objetos:

{"eBooks":[{"language":"Pascal","edition":"third"},{"language":"Python","edition":"four"},{"language":"SQL","edition":"second"}]}

Objeto

  • Un objeto debe ir entre llaves,
  • Debe ser un conjunto desordenado de pares de nombre o valor.
  • El nombre debe ir seguido de ": (dos puntos) y los pares de nombre / valor deben separarse mediante "," (coma).
  • Puede usarlo cuando los nombres de las claves sean cadenas arbitrarias.

Sintaxis:

{ string : value,… }

Ejemplo:

{"id": 110, ‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬"language": "Python","price": 1900,}

Espacio en blanco

Puede insertar espacios en blanco entre un par de tokens.

Ejemplo:

Sintaxis:

{string: ",… .}

Ejemplo:

var a = " Alex"; var b = "Steve";

Ejemplo de JSON

El ejemplo de código dado define cómo usar JSON para almacenar información relacionada con libros de programación junto con la edición y el nombre del autor.

{"book":[{"id":"444","language":"C","edition":"First","author":"Dennis Ritchie "},{"id":"555","language":"C++","edition":"second","author": Bjarne Stroustrup "}]}

Entendamos el formato JSON con otro ejemplo. Aquí, JSON define el nombre, apellido e identificación de un estudiante.

{"student": [{"id":"01","name": "Tom","lastname": "Price"},{"id":"02","name": "Nick","lastname": "Thameson"}]}

Aplicación de JSON

A continuación, se muestran algunas aplicaciones comunes de JSON:

  • Le ayuda a transferir datos desde un servidor
  • El formato JSON ayuda a transmitir y serializar todo tipo de datos estructurados.
  • Le permite realizar llamadas de datos asincrónicas sin la necesidad de actualizar la página
  • Le ayuda a transmitir datos entre un servidor y aplicaciones web.
  • Se usa ampliamente para aplicaciones basadas en JavaScript, que incluyen extensiones de navegador y sitios web.
  • Puede transmitir datos entre el servidor y la aplicación web mediante JSON.
  • Podemos usar JSON con lenguajes de programación modernos.
  • Se utiliza para escribir aplicaciones basadas en JavaScript que incluyen complementos de navegador.
  • Los servicios web y las API Restful utilizan el formato JSON para obtener datos públicos.

JSON frente a XML

Aquí está la principal diferencia entre JSON y XML

JSON XML
El objeto JSON tiene un tipo Los datos XML no tienen tipo
Tipos de JSON: cadena, número, matriz, booleano Todos los datos XML deben ser cadenas
Los datos son fácilmente accesibles como objetos JSON Los datos XML deben analizarse.
Los archivos JSON son más legibles por humanos. Los archivos XML son menos legibles por humanos.
JSON es compatible con la mayoría de los navegadores. El análisis de XML entre navegadores puede ser complicado
JSON no tiene capacidades de visualización. XML proporciona la capacidad de mostrar datos porque es un lenguaje de marcado.
Recuperar valor es fácil Recuperar valor es difícil
Compatible con muchos kits de herramientas Ajax No es totalmente compatible con el kit de herramientas Ajax
Una forma totalmente automatizada de deserializar / serializar JavaScript. Los desarrolladores deben escribir código JavaScript para serializar / deserializar desde XML
Soporte nativo para objeto. El objeto tiene que ser expresado por convenciones, en su mayoría se pierde el uso de atributos y elementos.

Ejemplo JSON

{"student": [{"id":"01","name": "Tom","lastname": "Price"},{"id":"02","name": "Nick","lastname": "Thameson"}]}

Ejemplo XML

01TomPrice02NickThameson

¿Qué no es JSON?

  • JSON no es un formato de documento.
  • No es un lenguaje de marcado.
  • JSON no proporciona un formato de serialización general.
  • No se trata de estructuras recurrentes ni cíclicas.
  • Tampoco es una estructura invisible.

Desventajas de JSON

Estas son algunas de las ventajas de JSON:

  • Sin soporte de espacio de nombres, por lo tanto, poca extensibilidad
  • Soporte de herramientas de desarrollo limitado
  • Sin soporte para la definición de gramática formal

Herramientas JSON populares (complementos)

Estas son herramientas JSON importantes:

JSONLint:

JSONLint es un proyecto de código abierto que se utiliza como validador y reformateador para JSON. Es un formato ligero de intercambio de datos. Copie y pegue, escriba directamente o ingrese la URL en la herramienta de validación JSON para validar su código JSON.

Enlace: https://jsonlint.com

Editor de JSON en línea:

JSON Editor Online es una útil herramienta basada en web. Le permite editar, ver y formatear JSON. Muestra sus datos uno al lado del otro en un software editor de código claro y editable.

Enlace: https://jsoneditoronline.org/

Herramienta JSON Minifier:

Es una herramienta que te ayuda a eliminar los espacios en blanco y proporciona un código JSON que ocupa el menor espacio posible.

Enlace: https://www.browserling.com/tools/json-minify

Convertidor de JSON a XML:

El convertidor de JSON a XML es una herramienta simple y eficaz que le ayuda a convertir su código JSON.

Enlace: https://codebeautify.org/jsontoxml

Formateador JSON:

El formateador JSON le ayuda a resolver el problema formateando los datos JSON para que sean fáciles de leer y depurar por un humano.

Enlace: https://jsonformatter.curiousconcept.com/

Resumen:

  • El método JSON se utiliza para almacenar información de forma organizada y de fácil acceso.
  • JSON Brinda soporte para todas las ofertas de navegadores en muchos idiomas.
  • Douglas Crockford especificó el formato JSON a principios de la década de 2000
  • La API JSON ofrece una fachada de alto nivel, que le ayuda a simplificar los casos de uso de uso común.
  • Las reglas importantes para escribir un sistema JSON es que los datos deben escribirse en pares de nombre / valor.
  • Number, String, Boolean, Null, Object y Array son tipos de datos importantes que se utilizan en JSON.
  • Le ayuda a transferir datos desde un servidor.
  • El objeto JSON tiene un tipo, mientras que los datos XML no tienen tipo
  • JSON no es un formato de documento
  • Sin soporte de espacio de nombres, por lo tanto, poca extensibilidad
  • JSONLint es un proyecto de código abierto que se utiliza como validador y reformateador para JSON.