JSON

JSON
Implantación de Aplicaciones Web

IES MIGUEL ROMERO ESTEO

Curso 2019/2020
 Tema 2 – Ficheros JSON

ÍNDICE
1.- Notación de Objetos JavaScript
2.- Estructura del JSON
3.- Arreglos como JSON

1.- Notación de Objetos JavaScript

JavaScript Object Notation (JSON) es un formato basado en texto estándar
para representar datos estructurados en la sintaxis de objetos de JavaScript.
Es comúnmente utilizado para transmitir datos en aplicaciones web (por
ejemplo: enviar algunos datos desde el servidor al cliente, así estos datos
pueden ser mostrados en páginas web, o viceversa).
JSON es un formato de datos basado en texto que sigue la sintaxis de objeto
de JavaScript, popularizado por Douglas Crockford. Aunque es muy parecido a
la sintaxis de objeto literal de JavaScript, puede ser utilizado
independientemente de JavaScript, y muchos ambientes de programación
poseen la capacidad de leer (analizar; parse) y generar JSON.

Nota: Convertir una cadena a un objeto nativo se denomina

parsing, mientras que convertir un objeto nativo a una cadena
para que pueda ser transferido a través de la red se denomina
stringification.

Los JSON son cadenas. Cuando se quiere transmitir datos a través de una red
se deben convertir a un objeto nativo de JavaScript para poder acceder a esos
datos. Ésto no es un problema, dado que JavaScript posee un objeto global
JSON que tiene los métodos disponibles para convertir entre ellos.
Un objeto JSON puede ser almacenado en su propio archivo, que es
básicamente sólo un archivo de texto con una extension .json, y una MIME type
de application/json.

2.- Estructura del JSON

Como se describió previamente, un JSON es una cadena cuyo formato
recuerda al de los objetos literales JavaScript. Es posible incluir los mismos
tipos de datos básicos dentro de un JSON que en un objeto estándar de
JavaScript - cadenas, números, arreglos, booleanos, y otros literales de objeto.
La siguiente figura representa la estructura de un objeto en JSON

Como puedes ver, es una secuencia de parejas propiedad-valor separadas por

una coma.

Empezamos creando un fichero JSON con cualquier editor de texto plano (Te
aconsejo utilizar ALTOVA). El fichero está guardado como alumnos.JSON y su
contenido es el siguiente

Cuyo equivalente en XML es el siguiente

Como podemos ver, el objeto json no tiene nombre, simplemente es una
colección de datos sin estructura alguna. Cuando lo leemos desde algún
lenguaje como javascript o PHP tendremos que cargarlo en alguna variable con
nombre. Al pasarlo a XML, el root de la estructura se asigna directamente como
<json>.
El segundo elemento esencial en la estructura de un JSON es el array. Su
sintaxis es la siguiente:

Un array es una secuencia de valores separados por una coma y encerrados

en un par de corchetes.

Para entender el empleo de arrays veamos el siguiente ejemplo

Se trata de un objeto con un par de variable (libro) y valor. La diferencia es que

aquí, el valor es a su vez un array que tiene objetos nuevos definidos como
parejas de variable-valor llamadas autor-título.
Su equivalente en XML sería el siguiente
En el cual, al igual que en el caso anterior, el root se asigna por defecto como
<json>

Podemos resumir indicando que en la estructura de un json aparecen parejas

de variable-valor junto con seis caracteres estructurales que son los indicados
en la figura.
Esto permite construir una jerarquía de datos, como ésta:

Cuyo fichero json (superhéroes.json) es el siguiente

{
"squadName": "Super hero squad",
"homeTown": "Metro City",
"formed": 2016,
"secretBase": "Super tower",
"active": true,
"members": [
{
"name": "Molecule Man",
"age": 29,
"secretIdentity": "Dan Jukes",
"powers": [
"Radiation resistance",
"Turning tiny",
"Radiation blast"
]
},
{
"name": "Madame Uppercut",
"age": 39,
"secretIdentity": "Jane Wilson",
"powers": [
"Million tonne punch",
"Damage resistance",
"Superhuman reflexes"
 ]
},
{
"name": "Eternal Flame",
"age": 1000000,
"secretIdentity": "Unknown",
"powers": [
"Immortality",
"Heat Immunity",
"Inferno",
"Teleportation",
"Interdimensional travel"
]
}
]
}

Si se carga este objeto en un programa de JavaScript, traducido (parsed) en

una variable llamada superHeroes por ejemplo, se podría acceder a los datos
que contiene utilizando la misma notación de punto/corchete que se revisó en
el tema JavaScript object basics. Por ejemplo:
superHeroes.homeTown
superHeroes['active']

Para acceder a los datos que se encuentran más abajo en la jerarquía,

simplemente se debe concatenar los nombres de las propiedades y los índices
de arreglo requeridos. Por ejemplo, para acceder al tercer superpoder del
segundo héroe registrado en la lista de miembros, se debería hacer esto:

superHeroes['members'][1]['powers'][2]

1. Primero el nombre de la variable — superHeroes.

2. Dentro de esta variable para acceder a la propiedad members utilizamos
["members"].
3. members contiene un arreglo con varios objetos. Para acceder al
segundo objeto dentro de este arreglo se utiliza [1].
4. Dentro de este objeto, para acceder a la propiedad powers utilizamos
["powers"].
5. Dentro de la propiedad powers existe un arreglo que contiene los
superpoderes del héroe seleccionado. Para acceder al tercer superpoder se
utiliza [2].

.
3.- Arreglos como JSON

Anteriormente se mencionó que el texto JSON básicamente se parece a un

objeto JavaScript, y esto es en gran parte cierto. La razón de esto es que un
arreglo es también un JSON válido, por ejemplo:

[
{
"name": "Molecule Man",
"age": 29,
"secretIdentity": "Dan Jukes",
"powers": [
"Radiation resistance",
"Turning tiny",
"Radiation blast"
]
},
{
"name": "Madame Uppercut",
"age": 39,
"secretIdentity": "Jane Wilson",
"powers": [
"Million tonne punch",
"Damage resistance",
"Superhuman reflexes"
]
}
]

Éste es un JSON perfectamente válido. Para acceder a esta version traducida

se debe comenzar con un índice de arreglo, por ejemplo[0]["powers"][0].

Resumiendo, las propiedades de un fichero JSON son las siguiente:

• JSON es sólo un formato de datos — contiene sólo propiedades, no

métodos.
• JSON requiere usar comillas dobles para las cadenas y los nombres de
propiedades. Las comillas simples no son válidas.
• Una coma o dos puntos mal ubicados pueden producir que un archivo
JSON no funcione. Se debe ser cuidadoso para validar cualquier dato que se
utilizar (aunque los JSON generados por computador tienen menos
probabilidades de tener errores, mientras el programa generador trabaje
adecuadamente). Es posible validar JSON utilizando una aplicación como
JSONLint.
• JSON Puede tomar la forma de cualquier tipo de datos que sea válido
para ser incluido en un JSON, no sólo arreglos u objetos. Asi, por ejemplo, una
cadena o un número único podrían ser objetos JSON válidos.
• A diferencia del código JavaScript en que las propiedades del objeto
pueden no estar entre comillas, en JSON, sólo las cadenas entre comillas
pueden ser utilizadas como propiedades.