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 JavaNotaciรณn de objetos de script. Ofrece una colecciรณn de datos legibles para humanos a los 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 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
- Puedes analizar de forma nativa JavaScript que utiliza la funciรณn eval()
- Fรกcil de crear y manipular.
- Apoyado por todos los principales JavaMarcos de scripts
- 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 en cualquier objeto de JavaConvierte un script en JSON y envรญa este JSON al servidor.
Historia de 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.
- Los corchetes contienen 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 | Consiste en cualquier texto o cรณdigo Unicode entre comillas dobles 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, siempre separados por una coma y encerrados 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 puedes usar formatos hexadecimal y octal.
La siguiente tabla muestra los tipos de nรบmeros:
| Tipo | Descripciรณn |
|---|---|
| Entero | Nรบmeros del 1 al 9 y 0. Nรบmeros tanto positivos como negativos. |
| 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 caracteres Unicode entre comillas dobles y con barra invertida como escape.
La siguiente tabla muestra varios tipos de cadenas:
| Tipo | Descripciรณn |
|---|---|
| * | Se utiliza para escribir entre comillas dobles |
| / | 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 entre corchetes que deben estar separados por "," (coma).
Sintaxis:
[value, .......]
Ejemplo:
Mostrando 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 se encuentra entre llaves. Se escribe en el 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.
- Permite realizar llamadas de datos asincrรณnicas sin necesidad de actualizar la pรกgina
- Le ayuda a transmitir datos entre un servidor y aplicaciones web.
- Es ampliamente utilizado para JavaAplicaciรณn basada en scripts, que incluye 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. JavaAplicaciones basadas en scripts 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 | 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 legibles para los humanos. | Los archivos XML son menos legibles para los humanos. |
| 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 JavaGuiรณn. | Los desarrolladores tienen que escribir JavaCรณdigo de script 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 mรบltiples proveedores
- 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 JavaNotaciรณn de objetos de script.
- 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.
