CodeAventura
JavaScript
▸Objetos▸JSON: parse y stringify

Misión

Editor
Consola
La consola está vacía. Pulsa EJECUTAR para correr tu código.
25 / 32JSON: parse y stringify
Anterior

JSON en JavaScript: parse y stringify

Qué es JSON

JSON significa JavaScript Object Notation. Es un formato de texto para representar datos estructurados.

Se parece mucho a un objeto de JavaScript, pero no es exactamente lo mismo.

Ejemplo de JSON (texto):

Objeto de JS vs JSON

Un objeto de JavaScript vive como dato dentro de tu programa:

JSON, en cambio, es un string con formato:

Idea clave:

  • objeto JS = dato usable directamente
  • JSON = texto que representa datos

JSON.stringify: de objeto a texto

Cuando quieres convertir un objeto a texto JSON:

Esto se usa mucho para enviar datos por red o guardarlos.

JSON.parse: de texto a objeto

Cuando recibes un string JSON y quieres volver a objeto:

Ahora ya puedes trabajar con propiedades normales del objeto.

Flujo completo (ida y vuelta)

Este patrón aparece todo el tiempo cuando trabajas con APIs.

Tu desafío 🚀

  1. Crea un objeto con al menos 2 propiedades
  2. Conviértelo a JSON con JSON.stringify
  3. Vuelve a convertir ese texto a objeto con JSON.parse
  4. Muestra ambos resultados en consola

Dominar JSON te prepara para conectar tu JavaScript con datos reales del mundo exterior.