He escrito un programa para decirles algunos detalla sobre
"Winston", pero no muchos porque a "Winston" le gusta mantener cierto
misterio. Así es "Winston". Así que veamos
cómo hice este programa. Hice algunas variables en la parte de arriba para almacenar
información sobre él. La primera variable almacena un número - su edad - la segunda variable almacena
una cadena de caracteres - sus ojos - la tercera tiene un arreglo de cadenas de caracteres,
que son cosas que le gusta hacer, y las últimas dos variables almacenan
cadenas de caracteres que describen el lugar donde nació.
Después aquí abajo, escribí cada una de las variables usando el comando "text" y el nombre de la variable.
Y por supuesto, para el arreglo, tengo que acceder a cada uno de los elementos del arreglo
usando la notación con corchetes. Genial. Ahora,
estas cinco variables describen información sobre el mismo tema: "Winston".
Pero las variables no saben que ellas tienen información del mismo tema.
Y ya sabes, en Javascript, cuando vas a
almacenar muchas piezas de información que están relacionadas, tenemos una mejor manera de hacerlo,
que es genial, y se llama objeto.
Es decir, en lugar de tener 5 variables, podemos tener una sola
variable que almacene toda la información, lo cual es genial.
Tratemos de hacerlo con la información de "Winston". En primer lugar, declararemos
la variable y la llamaremos "winston". Y luego
ponemos una llave que abre - asegúrate de que sea una llave y no un corchete -
y un punto y coma. Hemos creado un objeto
pero no tiene información dentro.
Así que para añadir información, necesitamos añadir propiedades.
Y cada propiedad es una llave y un valor. Por ejemplo, la edad, y escribimos "age: 19" (edad: 19).
Ok. Y luego para los ojos, vamos a añadir
una coma, y luego "eyes: black". (ojos: negros). Ok, bien,
ahora "winston" tiene propiedades dentro del objeto.
Para sus gustos, podemos ir a "likes:" y
voy a copiar y pegar esto desde aquí... y
muy bien. Fíjense bien, "winston" ya tiene tres propiedades.
Cada propiedad tiene una llave que es esto que está en el lado izquierdo,
y un valor, que está del lado derecho.
Las llaves tienen que cumplir con las mismas reglas que las variables
de Javascript. Sin espacios, empezar con una letra, todo eso.
Los valores pueden ser de cualquier tipo
de los que hemos visto hasta ahora. Pueden ser números, una cadena de caracteres, un arreglo,
también puede ser un booleano, así que podemos añadir aquí "isCool: true" (es agradable: verdadero), por supuesto.
De hecho, el valor puede ser otro objeto.
Así que vemos que "BirthCity" (ciudad de nacimiento) y "BirthState" (estado de nacimiento) en realidad es información relacionada
con una misma dirección. Y creo que tiene más sentido
si almaceno esta información como un objeto. Añadiré otra llave, "birthplace:" (lugar de nacimiento),
y para el valor, tengo que poner llaves de nuevo
y dentro voy a tener una llave para la ciudad "city:",
y el valor es "Mountain View", y luego el estado "state:"
"California". ¡Genial! Así que como puedes ver es posible
almacenar información muy importante dentro de un objeto.
Muy bien. Ahora que tenemos este objeto tan agradable que describe toda la información sobre "Winston",
tratemos de borrar todas estas variables separadas
que no saben de la existencia de las otras. Ok.
Oh oh. Ahora nos marcó un error. Y es porque nuestros
comandos "text" hacen referencia a las variables anteriores. Necesitamos actualizarlos
para que ahora despliegue la información que está dentro del objeto.
Vamos a empezar poniendo comentarios en los últimos tres para que podamos
hacer uno por uno. Ok. Aquí dice "Edad actual de Winston".
Lo que tenemos que hacer es reemplazar esto, y escribir
"winston" porque es el nombre de la variable. Fíjense
que si dejo esto así como está, aquí nos dice "object object".
Y eso está mal. Javascript nos está diciendo que estamos tratando de convertir un objeto
en una cadena de caracteres. Pero lo que en realidad
queremos hacer es acceder a la edad que dice dentro. Así que lo que hacemos es poner
un punto, y luego escribimos la llave de la propiedad, que es "age".
¡Tan tan! Tenemos la edad. A esto le llamamos "notación de punto",
en la que escribimos el nombre de la variable del objeto, y luego un punto,
y después la llave de la propiedad. Ok, así que podemos
hacer más ahora. Vamos a quitar el comentario de aquí, y luego en lugar de "WinstonEyes",
vamos a escribir "winston.eyes", y luego
para este otro,escribiremos "winston.likes[0]",
y luego "winston.likes[1]", y luego
para este último, es un poco más complicado porque
es un objeto dentro de otro objeto. Así que vamos a escribir
"winston" y luego el punto, y "birthplace",
pero si hacemos eso es sólo el objeto completo, así que tenemos que escribir punto y
"city". Ok, vamos a hacer esto aquí... "winston",
punto "birthplace" punto "state".
¡Tan tan! Esto es excelente porque puedes llegar hasta el interior de los objetos
que están dentro de un objeto. Muy bien.
Asombroso. Entonces como puedes ver,
usar objetos es una manera genial de almacenar mucha información relacionada,
información sobre un objeto, y que se pueda acceder más tarde.
¡Y cuando sigas adelante, vas a saber lo asombrosos que son los objetos!