JSON — el formato universal de datos
Cómo comparten información estructurada las computadoras
⏱ Estim. ~4 min
01 · Leer
Cuando un server le devuelve datos a tu app, necesitan un formato que ambos entiendan. El más popular en la web es JSON (JavaScript Object Notation).
JSON es una forma de escribir datos estructurados como texto plano. Se ve muy parecido a una lista o formulario simple — nombres (llamados keys) emparejados con valores, y también puede contener listas y grupos anidados de datos.
Aunque tiene "JavaScript" en el nombre, JSON lo usan todos los lenguajes de programación. Es el formato universal de datos en la web.
💡 Imagínalo asíJSON es como un formulario muy bien organizado. El formulario tiene campos etiquetados ("Nombre: ___", "Email: ___") y tú llenas los valores. JSON es igual: cada dato tiene una etiqueta (key) y un valor. Y así como un formulario puede tener secciones ("Dirección: calle ___, ciudad ___, código postal ___"), JSON también puede anidarse.
Puntos clave
- JSON = JavaScript Object Notation — un formato de datos en texto plano
- Los datos se arman como pares key-value: "name": "Sara"
- Las llaves {} representan un object (un grupo de pares key-value)
- Los corchetes [] representan un array (una lista ordenada)
- Un object puede contener otros objects — eso se llama anidamiento (nesting)
02 · Ejemplo de código
Así se ve JSON en la práctica. Esto es lo que un server podría devolverte cuando ves el perfil de alguien.
Un JSON Object
{
"name": "Sara Johnson",
"age": 28,
"email": "sara@example.com",
"hobbies": ["reading", "hiking", "photography"],
"address": {
"street": "123 Oak Street",
"city": "Portland",
"state": "OR",
"zip": "97201"
}
}
Mira la estructura: name es un valor de texto, age es un número, hobbies es un array (lista entre corchetes), address es un object anidado (otro grupo de pares key-value entre llaves). Todo tiene una etiqueta clara y cualquier programa lo puede leer fácil.
03 · Emparejar
Empareja cada concepto de JSON con su descripción.
(Esta sección es interactiva — activa JavaScript para usarla.)
04 · Quiz
En JSON, ¿qué representan los corchetes [ ]?
- Un object
- Un par key-value
- Un comentario
- Un array (lista ordenada)
05 · Completar
JSON significa JavaScript Object _____.
Otras lecciones de este capítulo
⚠ La experiencia interactiva completa necesita JavaScript. Actívalo y vuelve a cargar la página.
※ Este es un proyecto educativo independiente — no es un producto oficial de Anthropic. Claude™ es una marca registrada de Anthropic, PBC.