0Pricing
JavaScript Academy · Lección

Fundamentos de JSON.parse y JSON.stringify

Convierta objetos en strings JSON y viceversa; use brevemente replacer/reviver y gestione las entradas no válidas de forma segura.

Fundamentos de JSON.parse y JSON.stringify es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 1 de 3. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de JavaScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 3 lecciones en total.

¿Por qué usar JSON?

Objetivo: serializar y analizar datos de forma segura.

  • JSON.stringify → cadena
  • JSON.parse ← cadena
  • replacer/reviver (nociones básicas)
  • Consejos básicos de seguridad
Fundamentos de JSON.parse y JSON.stringify — ilustración 1

stringify()

Use JSON.stringify(value) para obtener una cadena JSON. Para mejorar la legibilidad, pase un número space (por ejemplo, 2).

// Turn a value into a JSON string
const user = { name: "Ayla", score: 12, active: true };
const json = JSON.stringify(user);
console.log("json:", json);

// Optional: pretty-print with spaces (2)
const pretty = JSON.stringify(user, null, 2);
console.log("pretty:", pretty);
Fundamentos de JSON.parse y JSON.stringify — ilustración 2

parse()

JSON.parse(text) devuelve el valor. La entrada debe ser una cadena JSON válida.

// Parse a JSON string back to a value
const raw = "{\"name\":\"Ayla\",\"score\":12,\"active\":true}";
const value = JSON.parse(raw);
console.log("name:", value.name, "score:", value.score);
Fundamentos de JSON.parse y JSON.stringify — ilustración 3

Replacer (stringify)

Un replacer(key, value) puede excluir o modificar campos al serializar (por ejemplo, para ocultar contraseñas).

// Replacer: filter or transform keys during stringify
const account = { id: 7, password: "secret", role: "user" };

// Hide sensitive fields
function replacer(key, value) {
  if (key === "password") return undefined; // drop it
  return value;
}

const safeJson = JSON.stringify(account, replacer, 2);
console.log("safeJson:", safeJson);
Fundamentos de JSON.parse y JSON.stringify — ilustración 4

Reviver (parse)

Un reviver(key, value) puede transformar valores durante el análisis (por ejemplo, convertir cadenas → Date).

// Reviver: convert specific strings back into richer types
const orderJson = "{\"when\":\"2024-06-01T10:00:00Z\",\"total\":25}";

function reviver(key, value) {
  if (key === "when" && typeof value === "string") {
    return new Date(value); // restore Date
  }
  return value;
}

const order = JSON.parse(orderJson, reviver);
console.log("is Date?", order.when instanceof Date);
console.log("total:", order.total);
Fundamentos de JSON.parse y JSON.stringify — ilustración 5

Seguridad y límites

Consejos:

  • Rodee JSON.parse con try/catch cuando la entrada no sea de confianza.
  • Use replacer para eliminar campos confidenciales antes de registrar o compartir datos.
  • JSON pierde las funciones y la información del prototipo; solo serializa datos.
Fundamentos de JSON.parse y JSON.stringify — ilustración 6

Cuestionario sobre stringify y parse

Comprobación rápida: serializar un valor.

Fundamentos de JSON.parse y JSON.stringify — ilustración 7

Repaso

Repaso: Convierta valores con JSON.stringify/JSON.parse; use un replacer para filtrar campos y un reviver para restaurar tipos como Date; añada try/catch para mayor seguridad.

Fundamentos de JSON.parse y JSON.stringify — ilustración 8

Preguntas frecuentes

¿La lección «Fundamentos de JSON.parse y JSON.stringify» es gratis?

Sí — el texto completo de «Fundamentos de JSON.parse y JSON.stringify» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de JavaScript Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 3 lecciones en total.

¿Qué aprenderé en «Fundamentos de JSON.parse y JSON.stringify»?

Convierta objetos en strings JSON y viceversa; use brevemente replacer/reviver y gestione las entradas no válidas de forma segura. Practicas JavaScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar JavaScript Academy?

No se requiere experiencia previa. JavaScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 3.

¿Cuánto tiempo toma la lección «Fundamentos de JSON.parse y JSON.stringify»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de JavaScript Academy?

Sí. Cada lección de JavaScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. Fundamentos de JSON.parse y JSON.stringify
  2. Clonación estructurada y URLSearchParams
  3. Estrategias para analizar JSON de forma segura
← Volver a JavaScript Academy