El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

JavaScript esencial

Estructurando datos con JSON

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
JSON, más que un tipo de dato, es una forma de escribir objetos de JavaScript que puedan almacenar más datos. Conoce cómo es el funcionamiento y estructura JSON, así como su forma de uso e importancia para el transporte de datos entre aplicaciones.
05:18

Transcripción

En JavaScript podemos trabajar con objetos y esto es una gran ventaja, pues estos objetos nos permitirán estructurar mejor los datos con los cuales estaremos trabajando a lo largo de nuestra aplicación. Para esto también se ha creado JSON, que es un formato creado por Douglas Crockford, el autor de un libro muy famoso llamado "JavaScript, the good parts". ¿Pero qué es JSON? JSON, en sus iniciales, significa "JavaScript Object Notation" y es un formato de intercambio de datos bastante ligero y es bastante descriptivo. ¿Y por qué es bastante descriptivo? Porque, como utiliza la estructura de un objeto, nosotros podemos tener esto para trabajar con JSON. De hecho, prácticamente lo único que necesitaremos es crear un objeto nosotros y, cuando lo vayamos a enviar, convertirlo a un texto. O a veces ni siquiera convertirlo, porque algunos servidores ya aceptan el envío de JSON por defecto. Pero cuando nosotros recibamos los datos, si no recibimos un dato ya con el formato JSON, nosotros podemos convertirlo. Veamos un poco de estos ejemplos. Yo aquí voy a tener una variable llamada'persona'. Esta variable llamada'persona' tiene dos propiedades: 'nombre'y'twitter'. Cuando yo en consola accedo a este dato, yo aquí puedo acceder a toda esta información y, de hecho, yo puedo escribir de nuevo'persona' punto 'nombre' y al acceder a esto tengo el valor directamente. También yo puedo acceder a varios valores como, por ejemplo, en este caso donde tengo una variable llamada'personas' que tiene un arreglo, es decir, tiene múltiples datos y aquí yo tengo guardadas tres personas. Aquí, si yo necesito probar esto actualizo mi navegador y voy a escribir'personas'. Como podemos ver, aquí tenemos los tres elementos que estamos asignando. Incluso esta variable que yo tengo aquí, 'persona', como un valor individual también puedo asignarlo. Eso quiere decir que ahora que yo vuelvo a invocar'personas', vamos a tener cuatro elementos: uno, dos, tres y cuatro. Esto es una de las maravillas de JavaScript. Ahora, ¿qué pasa si yo necesito utilizar todos estos datos y enviarlos a algún servidor o almacenarlos localmente? Bueno, lo único que yo tendré que hacer es convertir estos datos utilizando el objeto JSON. Para esto, yo tengo el objeto JSON con un método llamado'stringify'. ¿Qué es lo que va a hacer este objeto? Va a convertir todo esto que nosotros tenemos en una cadena de texto. Voy a actualizar el navegador y vamos a escribir la palabra'persona'. En la palabra'persona', podemos ver que aquí tenemos un objeto. De hecho, en la misma definición nos dice. Pero ¿qué pasa cuando yo accedo a'personaJSON', que es el que ya está convertido? Simplemente podemos ver que es una cadena de texto, por tanto esto va a querer decir que si yo tengo 'personaJSON'y quiero acceder a'nombre', punto'nombre', no voy a poder. Dice que está indefinido, porque lo único que existe aquí es una cadena de texto que no está estructurada correctamente para poderse interpretar como un objeto. Ahora, ¿qué pasaría si yo necesito reestructurar este dato? Por ejemplo, esta información ya fue a un servidor o ya se guardó localmente y la vamos a querer recuperar. Cuando la queramos recuperar vamos a necesitar convertirla, porque, como vemos aquí, 'personaJSON'es una cadena de texto. Entonces, voy a escribir aquí yo una variable que se va a llamar 'nuevaPersona' y en'nuevaPersona' voy a almacenar el valor pero ahora convertido a un objeto JSON. Entonces, lo que utilizaré nuevamente es el objeto JSON con un método llamado'parse'. Este método'parse' va a entender todo lo que está en esta cadena de texto y lo va a recomponer como un objeto para que lo podamos utilizar sin ningún problema. Así que ahora yo voy a actualizar. Vamos a acceder primero a la variable'persona', vemos que es un objeto. Cuando lo convertimos a una cadena de texto utilizando el método'stringify', entonces tenemos esto, que es una simple cadena de texto que no podemos utilizar más allá de simplemente mostrarlo. Pero posteriormente la volvimos a convertir simulando que en este paso intermedio fue a un servidor o fue a un lugar de almacenamiento. Entonces, yo aquí puedo escribir nuevamente 'nuevaPersona' y cuando accedo a los datos vemos como ya los tenemos convertidos. Como puedes ver, JSON tiene mucha facilidad de uso y nosotros podemos anidar y podemos generar tanta cantidad de líneas o de hijos o de subdivisiones como nosotros deseemos con tal de estructurar correctamente nuestra información. Así que cada vez que estés trabajando con muchos datos y necesites tenerlos bien estructurados y bien ordenados, piensa en objetos y piensa en JSON. De hecho, muchos de estos datos pueden ir abstraídos o aislados directamente en un archivo independiente donde solamente vamos a tener datos y no hay ninguna operación, y posteriormente podemos traerlos o cargarlos en nuestro aplicativo según necesitemos. Así que, entonces, JSON es la manera ideal para que podamos intercambiar datos, ya sea en nuestra aplicación o con servicios externos.

JavaScript esencial

Aprende y conoce JavaScript empezando por entender sus conceptos más básicos y esenciales, pero considerando en todo momento la nueva especificación del lenguaje ES6.

5:26 horas (90 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:12/09/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.