Saltar al contenido principal
Logo de JSCamp

Introducción a JSON

Comprende qué es JSON, cómo se diferencia de los objetos de JavaScript y crea tus primeros archivos de datos

midudev

Más clases y directos en YouTube

Suscribirse

JSON desde cero

En esta clase analizamos desde cero qué es JSON (JavaScript Object Notation), por qué se utiliza como formato de intercambio de datos y en qué se parece (y no) a los objetos de JavaScript.

¿Qué es JSON?

JSON es un formato de texto ligero para almacenar y transportar datos. Se inspira en la sintaxis de los objetos de JavaScript, pero no es JavaScript.

  • Es solo texto plano
  • Se puede enviar y recibir entre diferentes lenguajes de programación
  • Usa pares clave-valor y colecciones como arreglos y objetos

Diferencias clave con objetos de JavaScript

Aunque la sintaxis se parece, JSON tiene reglas más estrictas:

  • Las claves siempre van entre comillas dobles `“”
  • Las cadenas usan comillas dobles, nunca simples
  • No soporta funciones, métodos ni comentarios
  • Los valores válidos son: cadenas, números, booleanos, null, objetos y arrays
// Objeto de JavaScript válidoconst job = {  id: crypto.randomUUID(),  isActive: true,  titulo: 'Desarrollador/a',  mostrar: () => console.log('Hola'),}// JSON equivalente (como texto)const jobJSON = `{  "id": "b30f...",  "isActive": true,  "titulo": "Desarrollador/a"}`

Construyendo nuestro primer JSON

En el vídeo vamos creando paso a paso un archivo que representa una lista de ofertas de trabajo. Empezamos con un array y añadimos objetos con los campos obligatorios.

[  {    "id": "7a4d1d8b-1e45-4d8c-9f1a-8c2f9a9121a4",    "titulo": "Desarrollador de Software Senior",    "empresa": "Tech Solutions Inc.",    "ubicacion": "Remoto",    "descripcion": "Buscamos un ingeniero de software con experiencia en desarrollo web y conocimientos en JavaScript, React y Node.js. El candidato ideal debe ser capaz de trabajar en equipo y tener buenas habilidades de comunicación.",    "data": {      "technology": ["react", "node", "javascript"],      "modalidad": "remoto",      "nivel": "senior"    }  }]

Observa que el array puede contener varios objetos, y cada valor respeta las reglas de JSON (comillas dobles para cadenas, arrays con corchetes, etc.).

Así sentamos las bases para trabajar con datos reales en las próximas clases.