Cómo crear archivos JSON

JSON es un formato ligero de intercambio de datos muy popular como se uso en su tiempo XML. Es la abreviación de JavaScript Object Notación – Notación de Objetos de JavaScript – También es subconjunto del estándar ECMA 262 publicado en diciembre de 1999. El formato de JSON es ampliamente reconocido por una gran variedad de lenguajes como Java, PHP, JavaScript, C++, C# entre otros, la lista completa se puede consultar desde el sitio web de JSON.

¿Qué uso tienen los archivos JSON?

Como es un formato de intercambio, se puede usar para modelar, transportar, presentar e intercambiar información. Esto se debe a que es un formato muy ligero escrito con texto simple, así que se puede combinar con todo tipo de aplicaciones como lectores RSS, Widgets de WordPress, Mods de Joomla, Gadgets y Badges en diferentes aplicaciones y servidores.

JSON es el compañero perfecto para aplicaciones donde se utilice Ajax o se gestionen datos a través de Webservices, tal como lo hacen muchas aplicaciones móviles y embebidas.

Estructura y sintaxis básica de JSON

Todo archivo JSON comienza con una { (apertura) y finaliza con una } (cierre) esto representa un objeto muy básico. Por ejemplo, este es un objeto JSON vacío.

{
}

El contenido de un objeto JSON, está constituido por dos estructuras perfectamente válidas en cualquier lenguaje de programación:

1. Una colección de pares nombre / valor
2. Una lista o array de valores

Por ejemplo:

{"edad" : 20}

El nombre del objeto siempre debe ir entrecomillado, mientras que su valor dependerá del tipo de datos.

Tipos de datos soportados por JSON

El valor puede tomar cualquiera de los siguientes tipos de datos:

1. String (Cadenas de texto)
2. number (números)
3. object (Objetos)
4. char (caracteres unicode válidos)
5. array (Un arreglo o colección de valores)
6. null (nulo)
7. boolean (valores true o false)

Por ejemplo, imaginemos los datos de un estudiante:

{
  "nombre" : "Juan Merino",
  "edad" : 17,
  "semestre" : 5,  
  "becado" : false,
  "promedio": 7.5  
}

¿Cómo se usan los arrays en JSON?

La forma más simple de mostrar datos es a través de un arreglo, el arreglo comienza con un corchete de inicio ( [ ) y termina con un corcheta de final ( ] ) y se trata de una colección de pares nombre / valor separados por comas. Por ejemplo, imaginemos que queremos añadir a los tutores del estudiante:

{
  "nombre" : "Juan Merino",
  "edad" : 17,
  "semestre" : 5,  
  "becado" : false,
  "promedio": 7.5,
  "tutores" : [
    {
      "tutor1" : "Pedro Merino",
      "tutor2" :  "Sofía Guardiola"
    }
  ] 
}

O quizá nos interesa saber el promedio obtenido desde que comenzó a estudiar:

{
  "nombre" : "Juan Merino",
  "edad" : 17,
  "semestre" : 5,  
  "becado" : false,
  "promedio": [
    {
      "sem1" : 6.5,
      "sem2" : 7.0,
      "sem3" : 6.4,
      "sem4" : 7.2,
      "sem5" : 7.5
    }
  ],
  "tutores" : [
    {
      "tutor1" : "Pedro Merino",
      "tutor2" :  "Sofía Guardiola"
    }
  ] 
}

Algunos ejemplos extra para ilustrar

Imaginemos una lista de vacantes disponibles en una empresa.

{
  "vacantes" : {
    "1" : [{"puesto": "Contador", "salario" : 12000, "tiempo" : "Completo"}],
    "2" : [{"puesto": "Recepcionista", "salario" : 4200, "tiempo" : "Completo"}],
    "3" : [{"puesto": "Auxiliar contable", "salario" : 7000, "tiempo" : "Completo"}],
    "4" : [{"puesto": "Mensajero", "salario" : 2200, "tiempo" : "Medio"}],
    "5" : [{"puesto": "Chofer", "salario" : 7000, "tiempo" : "Completo"}]
  }
}

O una lista de clientes de un salón de belleza.

{
  "clientes" : {
    "1" : [{"nombre": "Rocío Pérez", "servicio": "Corte", "fecha": "03-07-2025", "hora" : "10:00"}],
    "2" : [{"nombre": "Mónica Galindo", "servicio": "Manicure", "fecha": "03-07-2025", "hora" : "11:30"}],
    "3" : [{"nombre": "Melisa Salazar", "servicio": "Tinte", "fecha": "03-07-2025", "hora" : "13:00"}],
    "4" : [{"nombre": "Mireya Solís", "servicio": "Corte", "fecha": "03-07-2025", "hora" : "15:30"}],
    "5" : [{"nombre": "Alma Meraz", "servicio": "Manicure", "fecha": "03-07-2025", "hora" : "17:00"}]
  }
}

¿Cómo pruebo mis archivos JSON?

Para probar lo que hemos hecho, podemos hacerlo en este editor en línea. Para ver el resultado, presionamos el botón > debajo de la sección Transform, si no se visualiza en forma de árbol nuestro código, entonces debemos corregir cualquier error.

Si usas Visual Studio o VS Codium, puedes instalar una extensión llamada Visual JSON Editor que te permitirá visualizar y editar tus archivos.

Cometarios, dudas y preguntas

¡Y eso es todo! No olvides dejar tus comentarios, dudas y / o preguntas. Con gusto las respondemos.

Profe Xamus

Docente, blogger, developer. Editor & Copy
Sobre: #Blogging, #Excel, #VBA, #Android, #PHP, #JavaScript, #Java, #WordPress, #IoT, #Python