Unidad 2 - Estructura de Ficheros Json

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.
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.

Unidad 2 - Estructura de Ficheros Json

Cargado por

Copyright:

Formatos disponibles

Unidad 2 - Estructura de Ficheros Json

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Unidad 2 - Estructura de Ficheros Json

Cargado por

Copyright:

Formatos disponibles

JSON

IES MIGUEL ROMERO ESTEO

1.- Notación de Objetos JavaScript

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

Cuyo equivalente en XML es el siguiente

Como podemos ver, el objeto json no tiene nombre, simplemente es una

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

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

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

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

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

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

1. Primero el nombre de la variable — superHeroes.

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

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

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

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

También podría gustarte