Capítulo 30: JSON. JavaScript Object Notation

Contenido:

JSON. JavaScript Object Notation. JSON, otro modo de instanciar Objetos JavaScript; Sintaxis global de intercambio de datos; Notación simple y compacta para JavaScript; Un Objeto JSON es un Objeto JavaScript; La Sintaxis JSON; Procesos de serialización/deserialización; Uso de la función eval( ) con código JSON; El Objeto JSON en los navegadores modernos; métodos stringify y parse del Objeto JSON

JSON nos permite otro modo de crear instancias de objetos y que además puede actuar como una sintaxis global de intercambio de datos.

Los objetos, una vez creados por JSON, pueden ser fácilmente convertidos a strings para poder ser almacenados y transmitidos entre aplicaciones o redes.

JSON es código JavaScript (más información: json.org).

Sintaxis de JSON:

Sus datos son siempre expresados como una secuencia de pares “parámetro:valor”. Estos pares se separan entre ellos por “,”. Toda el contenido del objeto JSON debe estar rodeado por llaves “{......}”

Ejemplo:

var usuario = ‘{“nombreusuario”:”Rosa Blanca”,”país”:”España”,”altura”: 1.75}’;

Los objetos creados porJSON son objetos Javascript y pueden tener propiedades y métodos.

Para trasmitir un objeto JSON hay que serializarlo y el destino tiene que deserializarlo. Para ello javascript cuenta con la funcion eval() que ejecuta o evalua el código javascript que se le pasa como argumento. Ejemplo:

var x = eval(4 * 3); // x = 12

eval(“a=1;b=2;document.write(a+b);“); // escribe tren en la página

La función eval() puede ser usada para convertir un objeto JSON en un objeto javascript. Esta función no es necesaria en los navegadores recientes.

var usuario = ‘{“nombreUsuario”:”Rosa Blanca”,”país”:”España”,”altura”: 1.75}’;

var miObjeto = eval('(' + usuario + ')');  //lo convierte en un objeto javascript

document.write("Nombre de usuario: " + miObjeto.nombreUsuario);

Todos los navegadores modernos cuentan con soporte nativo para JSON lo que hace innecesario el uso de la función eval(). Es el objeto Javascript JSON es el encargado de serializar/deserializar String JSON. Para eso, el objeto JSON cuenta con los métodos stringify() y parse()

var usuario = ‘{“nombreUsuario”:”Rosa Blanca”,”país”:”España”,”altura”: 1.75}’;

var miObjeto = JSON.parse(usuario) 

document.write("Nombre de usuario: " + miObjeto.nombreUsuario);