Desarrollo
¿Qué es JSON? Guía completa para principiantes
Aprende el formato de datos JSON desde cero — reglas de sintaxis, casos de uso, errores comunes y cómo formatear y validar JSON.
¿Qué es JSON?
JSON (JavaScript Object Notation) es un formato ligero de intercambio de datos. A pesar de tener JavaScript en su nombre, JSON es independiente del lenguaje y es soportado por prácticamente todos los lenguajes de programación modernos.
JSON fue introducido por Douglas Crockford en 2001 y rápidamente se convirtió en el formato de intercambio de datos más popular en la web, reemplazando a XML en muchos escenarios.
Un ejemplo simple de JSON:
{
"name": "Juan",
"age": 25,
"isStudent": false,
"hobbies": ["lectura", "natación", "programación"]
}
Sintaxis básica de JSON
JSON soporta seis tipos de datos:
1. String: Texto entre comillas dobles
"¡Hola, Mundo!"
2. Number: Enteros o decimales, sin comillas
42, 3.14, -10
3. Boolean: true o false
4. Null: null
5. Array: Lista ordenada de valores entre corchetes
[1, 2, 3] o ["a", "b", "c"]
6. Object: Colección de pares clave-valor entre llaves
{"key": "value"}
Reglas importantes:
• Las claves deben ser strings con comillas dobles (no simples)
• Los valores pueden ser cualquier tipo
• Objetos y arrays pueden anidarse
• Sin coma después del último elemento
Casos de uso comunes de JSON
1. Respuestas de API Web: La mayoría de APIs RESTful usan JSON como formato de respuesta.
2. Archivos de configuración: Muchas aplicaciones usan JSON para configuración, como package.json de Node.js.
3. Almacenamiento de datos: Bases de datos NoSQL (como MongoDB) usan formatos similares a JSON.
4. Intercambio de datos: Transferencia entre frontend y backend, microservicios y diferentes sistemas.
5. Internacionalización (i18n): Muchos sitios web usan archivos JSON para gestionar traducciones.
Errores comunes de JSON
Los errores más comunes de principiantes:
1. Usar comillas simples en vez de dobles:
Incorrecto: {'name': 'test'}
Correcto: {"name": "test"}
2. Comas finales:
Incorrecto: {"a": 1, "b": 2,}
Correcto: {"a": 1, "b": 2}
3. Claves sin comillas:
Incorrecto: {name: "test"}
Correcto: {"name": "test"}
4. Uso de comentarios:
JSON no soporta comentarios. Considera JSON5 o JSONC.
5. Valores especiales:
JSON no soporta undefined, NaN, Infinity de JavaScript.
Cómo usar el formateador JSON de Gigi Tools
Gigi Tools ofrece una herramienta gratuita de formateo y validación JSON:
• Pega texto JSON y embellece con un clic
• Validación automática de sintaxis
• Muestra ubicación y razón de errores
• Soporta minificación para reducir tamaño
• Todo se procesa en tu navegador
Ya seas desarrollador de API, ingeniero frontend o principiante, esta herramienta te ayuda a manejar datos JSON rápidamente.