Tutorial JSON: aprenda con formato de archivo simple EJEMPLO

¿Qué es el JSON?

JSON es un formato de archivo que se utiliza para almacenar información de forma organizada y de fácil acceso. Su forma completa es Notación de objetos JavaScript. Ofrece una experiencia humanareadable recopilación de datos a los que se puede acceder de forma lógica. Su extensión de nombre de archivo para código de programación escrito es .json. El tipo de medio de Internet para JSON es application/json y su identificador de tipo uniforme es public.json.

¿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 las tecnologías backend
  • JSON es reconocido de forma nativa por JavaScript
  • Le permite transmitir y serializar datos estructurados mediante una conexión de red.
  • Puedes 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

Historia de JSON
Tutorial JSON

Aquí hay hitos 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 API ofrece una fachada de alto nivel, que le ayuda a simplificar los casos de uso más utilizados.

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 – Jackson API proporciona mapeo predeterminado para muchos objetos que se van a serializar.

Limpiar JSON – 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 nombre/valor.
  • Los datos deben estar separados por comas.
  • Las llaves deben contener objetos.
  • Cuadrada brackets mantener 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.
Cordón Consta de cualquier texto o Unicode. double-citado con escape de barra invertida
Boolean 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 encerrados en caracteres rizados. brackets.
Formación Es una secuencia ordenada de valores separados.

Número

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

Following La tabla muestra los tipos de números:

Tipo de Propiedad Descripción
Entero Número 1-9 y 0. Tanto positivos como negativos. numbers.
Fracción fracciones como 3
Exponente Exponente como e, e+

Sintaxis:

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

Ejemplo:

var obj = {salary: 2600}

Cordón

es una serie de double-Caracteres Unicode entrecomillados y con barra invertida que se escapa.

El following La tabla muestra varios tipos de cadenas:

Tipo de Propiedad Descripción
* Uso double mecanografía de cotizaciones
/ Uso para sólido
\ Uso para solidus inverso
B Usar para agregar retroceso
F Del feed
N Para crear una nueva línea
R Usar para retorno de carro
T Para mostrar pestaña horizontal
U dígitos hexadecimales

Sintaxis:

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

Ejemplo:

var obj= {name: 'Andy'}

Boolean

Almacena sólo 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 utilizar una matriz cuando los nombres de las claves sean números enteros secuenciales.
  • Debe estar encerrado dentro del cuadrado. brackets que debe estar separado por ',' (coma)

Sintaxis:

[value, .......]

Ejemplo:

Showing una matriz que almacena múltiples objetos:

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

Objeto JSON

A Objeto JSON es una entidad en JSON que está encerrada en rizado brackets. Está escrito en un conjunto desordenado de pares de nombre y valor en el que el nombre debe ir seguido de ":" (dos puntos) y los pares de nombre/valor deben separarse mediante "", (coma). Se puede utilizar cuando los nombres de clave son 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 de archivo JSON. 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 de archivo JSON de muestra ayuda a transmitir y serializar todo tipo de datos estructurados.
  • Le permite realizar unasyncllamadas de datos cronosas sin necesidad de actualizar la página
  • Le ayuda a transmitir datos entre un servidor y aplicaciones web.
  • Se utiliza 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 utilizar JSON con lenguajes de programación modernos.
  • Se utiliza para escribir aplicaciones basadas en JavaScript que incluyen complementos del 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 XML los datos no tienen tipo
Tipos JSON: cadena, número, matriz, booleano Todos los datos XML deben ser cadenas.
Los datos son fácilmente accesibles como objetos JSON. Es necesario analizar los datos XML.
Los archivos JSON son más humanos.readable. Los archivos XML son menos humanos.readable.
JSON es compatible con la mayoría de los navegadores. El análisis 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 tienen que escribir código JavaScript para serializar/deserializar desde XML
Soporte nativo para objetos. El objeto tiene que expresarse mediante convenciones, en su mayoría faltando el uso de atributos y elementos.

Ejemplo JSON

A continuación se muestra un ejemplo JSON simple:

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

Ejemplo XML

<?xml version="1.0" encoding="UTF-8" ?>
<root>
	<student>
		<id>01</id>
		<name>Tom</name>
		<lastname>Price</lastname>
	</student>
	<student>
		<id>02</id>
		<name>Nick</name>
		<lastname>Thameson</lastname>
	</student>
</root>

¿Qué no es JSON?

  • El archivo de datos JSON de muestra 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

Aquí hay algunas ventajas de JSON:

  • No hay soporte para espacios de nombres, por lo tanto, poca extensibilidad
  • Limitada herramientas de desarrollo SOPORTE
  • No hay soporte para la definición de gramática formal.

Herramientas JSON populares (complementos)

Aquí hay herramientas JSON importantes:

JSONLint:

JSONLint es un proyecto de código abierto que se utiliza como validador y reformateador de 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 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 formato claro y editable. software de edición de código.

Enlace: https://jsoneditoronline.org/

Herramienta minificadora de JSON:

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

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

Convertidor de JSON a XML:

El conversor de JSON a XML es una herramienta sencilla 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 parte de 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 significa notación de objetos JavaScript.
  • JSON Proporciona soporte para todas las ofertas de navegadores en muchos idiomas.
  • Douglas Crockford especificó el formato JSON a principios de la década de 2000
  • JSON API ofrece una fachada de alto nivel, que le ayuda a simplificar los casos de uso más utilizados.
  • La regla importante para escribir un sistema JSON es que los datos deben escribirse en pares de nombre/valor.
  • Número, Cadena, Booleano, Nulo, Objeto y Matriz son tipos de datos importantes utilizados 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
  • No hay soporte para espacios de nombres, por lo tanto, poca extensibilidad
  • JSONLint es un proyecto de código abierto que se utiliza como validador y reformateador de JSON.