Una maleta para los datos
Para viajar, metes la ropa en una maleta. Al llegar, la sacas.
Los datos también viajan: de tu página a un servidor, o al revés. Por el camino solo pueden ir como texto. Esa maleta de datos se llama JSON.
Palabras clave
| Palabra | Qué significa | Ejemplo |
|---|---|---|
| JSON | Un texto con una forma fija para guardar datos y enviarlos. | {"goals": 12} |
| stringify | Convierte un objeto o una lista en texto JSON. | JSON.stringify(player) |
| parse | Convierte un texto JSON en un objeto o una lista. | JSON.parse(text) |
| try y catch | Prueba algo que puede fallar y dice qué hacer si falla. | try { ... } catch { ... } |
| Error | El aviso que da JavaScript cuando algo no se puede hacer. | SyntaxError |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
De objeto a texto
Para enviar un objeto o una lista, lo conviertes en texto con JSON.stringify.
El resultado es un texto normal, aunque se parece mucho al objeto.
Pruébalo: de objeto a texto
const player = { name: 'Marta', goals: 12, isCaptain: true };
// De objeto a texto.
const text = JSON.stringify(player);
console.log(text);
console.log(typeof text);
console.log(text.length);
Cómo se ve un JSON
Se parece a un objeto de JavaScript. Hay llaves, dos puntos y comas.
Pero las reglas son más estrictas. Los nombres llevan comillas dobles y no se puede dejar una coma de más.
Un ejemplo de texto JSON
{
"name": "Marta",
"goals": 12,
"isCaptain": true,
"teams": ["Los Pinos", "El Olivar"],
"address": { "city": "Sevilla" }
}Ejemplo resuelto: objeto de JavaScript y JSON
| Detalle | Objeto de JavaScript | JSON |
|---|---|---|
| Nombre de la propiedad | name o "name" | Siempre "name" |
| Comillas del texto | Simples o dobles | Solo dobles |
| Coma al final | Se permite | Da error |
| Funciones | Se pueden guardar | No existen |
| Comentarios | Se permiten | No existen |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Repaso rápido: JSON
Inténtalo
Repaso rápido: JSON
3 preguntasTus respuestas se corrigen aquí y no se guardan. Una cuenta guarda tus resultados.
De texto a objeto
Cuando llega un texto JSON, no puedes leer text.name: es solo texto. Primero lo conviertes con JSON.parse.
Después ya es un objeto, y usas el punto como siempre.