Tutorial de JSON: Aprende con un ejemplo sencillo.

⚡ Resumen inteligente

JSON, abreviatura de JavaScript Object Notation (SCON) es un formato ligero y legible para almacenar e intercambiar datos estructurados entre servidores y aplicaciones. Este recurso explica su sintaxis, tipos de datos, aplicaciones prácticas y las diferencias que lo distinguen de XML.

  • 🔑 Definición básica: JSON almacena la información como pares nombre/valor y matrices ordenadas, utilizando llaves para los objetos y corchetes para las matrices.
  • 🧩 Tipos de datos admitidos: Domina los seis tipos de datos JSON (cadena, número, booleano, nulo, objeto y matriz) para modelar prácticamente cualquier estructura.
  • Por qué los equipos lo adoptan: JSON analiza de forma nativa en JavaEl script funciona en todos los navegadores y se integra con la mayoría de las tecnologías de backend y las API REST.
  • 🔄 JSON versus XML: En comparación con XML, JSON es un formato tipado, más legible para los humanos y más rápido de serializar, aunque carece de capacidades de visualización de marcado.
  • 🛠️ Herramientas prácticas: Antes de la implementación, valide, formatee y minimice el código con utilidades como JSONLint, JSON Editor Online y JSON Formatter.

Tutorial JSON

¿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.

Ahora que la definición está clara, la siguiente sección explica por qué los desarrolladores eligen JSON en lugar de otros formatos de datos.

¿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
  • Te permite transmit y serializar datos estructurados utilizando 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

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.

Más allá de esta cronología, JSON también ofrece un conjunto de características prácticas que explican su popularidad duradera.

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 un mapaping – La API de Jackson proporciona un mapa predeterminadoping para que se serialicen muchos objetos.

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

Una vez establecidas las reglas de sintaxis, la siguiente tabla enumera los tipos de datos importantes utilizados en JSON:

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.ping.

La siguiente tabla muestra varios tipos de cadenas:

Tipo Descripción
* Utilice para comillas dobles typing
/ 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 ejemplo ayuda en transmit y serializar todo tipo de datos estructurados.
  • Permite realizar llamadas de datos asincrónicas sin necesidad de actualizar la página
  • Te ayuda a transmit 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 transmit Transferencia de 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.

Debido a su amplia aplicación, JSON suele compararse con XML, el formato al que frecuentemente reemplaza.

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. Copiar y pegar, escribir directamente o introducir 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/

Preguntas Frecuentes

No. JSON es un formato de intercambio de datos, no un lenguaje de programación. Solo almacena y transporta datos estructurados utilizando una sintaxis basada en texto. Los lenguajes de programación como JavaTexto, Python, y Java leer y escribir JSON.

JSON es texto plano y seguro. Los riesgos surgen al analizar datos de entrada no confiables, especialmente con el método eval() antiguo. Utilice un analizador JSON estándar, como JSON.parse(), y valide los datos para evitar problemas de inyección.

JSON es el formato de texto utilizado para almacenar y transmit datos. Un objeto JSON es una estructura dentro de ese formato, escrita entre llaves como pares nombre/valor. Un archivo JSON completo puede contener muchos objetos y matrices.

Los sistemas de IA utilizan JSON para enviar solicitudes, recibir respuestas e intercambiar parámetros del modelo. La mayoría de las API de modelos de lenguaje de gran tamaño aceptan y devuelven JSON, lo que lo convierte en el formato estándar para solicitudes, resultados estructurados y configuración de datos de entrenamiento.

Sí. Los asistentes de IA pueden generar JSON a partir de descripciones simples y comprobar si hay errores de sintaxis. Muchas herramientas también imponen un esquema, de modo que la salida se mantiene válida y coincide con la estructura que espera la aplicación.

Resumir este post con: