Dar una buena acogida.
Así que en los últimos videos hemos estado hablando de matrices de JavaScript que son la primera estructura de datos
de la que hemos hablado en los próximos videos.
Vamos a introducir otra estructura de datos llamada objeto.
Entonces tenemos dos objetivos principales tal como lo hicimos con las matrices.
Primero queremos entender qué objetos son los que los utilizamos.
¿Cómo se comparan con una matriz?
Y luego, el segundo objetivo es cómo escribir código usando objetos JavaScript.
Avancemos y comencemos.
Entonces aquí hay una situación hipotética.
Supongamos que quería modelar a una sola persona en javascript.
Cada persona tiene un nombre, una edad y una ciudad.
Así que hay muchas maneras en que podría hacer eso, podría tener tres variables diferentes, nombrar la edad y la ciudad, pero
luego no están relacionadas entre sí.
Están totalmente separados.
como la que estoy haciendo aquí. Var persona es igual a la matriz, donde el primer elemento es el nombre Cindy.
Entonces, si quisiera conectarlos, podría usar una matriz
El segundo elemento tiene 32 años y el último elemento es Missoula o la ciudad.
Esto no es realmente un gran uso de una matriz porque estos datos no son realmente una lista.
Sí, podemos forzarlo en una matriz pero no se presta al formato de una matriz donde tenemos
listas que a menudo tienen un orden lógico.
Realmente no hay un orden lógico aquí para acceder a la ciudad fuera de este conjunto.
Tendría que escribir el corchete de persona también.
Y eso requiere que sepa que la ciudad también está en el índice.
Entonces, si invierto accidentalmente el orden y tuve Traviss el nombre de índice inicial 0, entonces mezclo estos
dos.
Así que tuve en el índice 1 ciudad una edad en el índice 2.
Entonces, si traté de acceder a la persona para el paréntesis 2, obtendría la edad en lugar de la ciudad.
Así que esto es solo para mostrar que una matriz no es la solución perfecta para cada situación.
Hay una estructura de datos mucho mejor para nosotros para usar aquí, que es el objeto javascript.
Puede ver un ejemplo aquí abajo de cómo tomaríamos el conjunto persona con nombre edad y ciudad y lo
convertiríamos en un objeto javascript.
Lo primero que debe observar es que tenemos llaves ortopédicas en lugar de corchetes para una matriz.
La siguiente pieza importante es que cada elemento de este objeto es un par de valores clave.
Entonces, tenemos una propiedad con el nombre de valor Colan.
La edad es 32 ciudad es Missoula.
Esta diapositiva muestra exactamente lo mismo.
Tenemos una persona diferente objeto var persona igual a llaves y dentro de que estamos poniendo nombre para ser Travis edad para ser
21 en la ciudad para ser L. A. Aquí tenemos un diagrama simple de cómo se ve
esta estructura de datos.
Tenemos tres ranuras diferentes en este objeto y es muy importante tener en cuenta que los objetos no
están construidos en orden a diferencia de una matriz donde hay un primer elemento y un segundo y un tercer elemento.
Piense en los artículos en lugar de en un objeto dado como si estuvieran flotando adentro si no
hubiera un pedido.
Ninguna propiedad es lo primero o lo segundo, no importa cómo las haya declarado, en el orden en que todas sean tratadas de
la misma manera.
Entonces, este diagrama los muestra en un pedido, pero es solo porque tuve que elegir un pedido.
Entonces puede ver que Travis está almacenado bajo el nombre de la clave.
21 se almacena debajo de la edad clave.
Y yo. A. se almacena debajo de la ciudad clave para recuperar datos de un objeto.
Tenemos dos opciones.
Podemos usar el nombre de los corchetes de la persona objeto y luego el nombre de la clave.
Entonces, en este caso, estoy sacando a Travis del objeto de persona.
Así que el nombre correcto de corchetes entre corchetes.
Entonces eso es muy similar a las matrices.
La única diferencia es que este no es un número.
Esta es una cadena.
La otra opción es usar la notación de puntos notación punto es un poco más corto y más simple.
El nombre y el nombre de la persona derecha deben coincidir obviamente con el nombre de la tecla y eso también nos
dará a Travis.
Voy a seguir adelante y demostrar eso en el estafador. Voy a hacer un nuevo objeto llamado perro y mi perro va a tener un nombre de propiedad como siempre.
Rusty He es el mejor perro y mitad de raza.
Es un veterano de Lassally y tiene tres.
Entonces eso me da mi objeto perro.
Y si lo miramos en la consola, puede ver que me dice que es un objeto.
Su nombre es raza resti ya que el lodo tiene 3 años.
Entonces, si quiero tener acceso a su edad fuera del objeto del
perro, puedo hacer el primer perro intacto y luego, a mitad de precio, obtienen tres o puedo ponerle edad al perro y también obtengo tres.
Depende de usted usar cualquiera de los dos.
Prefiero usar la edad del perro porque es más corta.
No tiene que usar las comillas.
No necesita doble paréntesis en ninguno de los lados.
Solo lo necesitas.
Pero hay algunas diferencias en esta diapositiva.
Demuestro tres de las principales diferencias.
Por lo tanto, no puede usar la notación de puntos si la propiedad comienza con un número.
Entonces puede ver que aquí algún objeto en DOT one blah no es válido.
Pero si tuviera una propiedad llamada One blah, tendría que usar corchetes
y ponerla entre comillas, y así es como está configurada en javascript.
de tu propiedad tiene un espacio como color favorito.
Voy a saltar al tercer ejemplo aquí, que es que no puedes usar la notación de puntos si el nombre
Obviamente esto no funciona.
Javascript piensa que estamos accediendo a dot fav
Entonces, si queremos una propiedad con el espacio que no es realmente una buena práctica de todos modos, pero si lo hiciéramos, tendríamos que usar comillas.
Fav.
Color de espacio usando notación de corchetes.
Y luego el ejemplo del medio muestra que puedes buscar cosas usando una variable.
Si usa la notación de corchetes.
Entonces si tengo una variable
aquí llamada string o como TR Y es igual a nombrarlo entre comillas si intento y hago algún objeto como TR Solo
buscaré la propiedad como TR Pero si hago un corchete de objeto como TR Voy a evaluar como TR que nos da nombre entre comillas.
Entonces, esto buscará la propiedad del nombre en algún objeto.
Entonces esto es algo que realmente veremos de vez en cuando.
Por lo tanto, vale la pena conocer la diferencia aquí.
Puede usar la notación de corchetes utilizando un nombre de variable para buscar una propiedad.
Lo siguiente que queremos hacer es poder actualizar los datos dentro de un objeto.
Por lo tanto, es muy similar a las matrices en las que accedemos a los datos y luego los reasignamos con un signo igual.
Entonces aquí puede ver que tenemos nuestro mismo nombre de objeto de persona como Travis age is 21 city is L. A. Si quiero agregar uno a la edad de
Travis, es su cumpleaños.
Todo lo que necesito hacer es acceder a la edad de la persona.
Puedo usar corchetes o la notación de puntos y luego reasignarlos.
Entonces la persona edad más es igual a 1.
Entonces, eso agregará una persona con
esa edad que ahora tiene 22 o puedo usar person dot city y reasignarlo para que sea Londres.
Así que la persona en la ciudad es igual a Londres ahora establecerá una persona para tener la ciudad de Londres.
Entonces solo para demostrar eso.
Regresemos a nuestro objeto de perro que tiene nombre como Rusty breeders mutt.
La edad es tres.
Rusty acaba de tener un cumpleaños, así que voy a cambiar su perro de edad.
La edad es igual y yo podría hacer esto igual a
cuatro, que simplemente lo hará cuatro sin importar qué y yo pueda mirar al perro.
O podría hacer perro.
Edad más es igual a uno que simplemente agregará uno a la edad existente y eso nos da cinco.
También demostraré hacer eso con la notación de corchetes.
Digamos que quiero cambiar el nombre de Rusty para que sea su apodo Tater.
Escribiría el nombre del corchete cuadrado del perro y eso simplemente me da resti y luego lo reasignaré para que sea Tator.
Y si miras al perro, ahora hemos llamado a Tator liberado a los 5 años.
Hay algunas maneras diferentes de inicializar objetos tal como lo vimos con una carrera para
que podamos hacer primero un objeto vacío como el que tenemos aquí.
Var persona equivale a llaves vacías vacías y luego podemos agregar los datos después del hecho.
Una pieza a la vez.
El nombre de la persona es Travis persona que tiene 21 años esa persona es L. A. podemos hacerlo todo a la vez, que es
lo que hemos visto hasta ahora se llama notación literal del objeto.
Hasta ahora, la persona es igual y luego dentro de
las llaves me limito a escribir el nombre de mi propiedad Travis age call y 21 ciudad Colan L. A. y la última manera que no verá muy seguido hasta mucho más tarde en javascript.
Dijo que puedo usar el nuevo objeto que
es una función como una nueva matriz que nos convertirá en un nuevo objeto y nos lo devolverá como un objeto vacío.
Y luego puedo agregar persona nombre persona no edad en persona ciudad.
Así que definitivamente verán esta sintaxis y esta sintaxis mucho más a menudo por el momento.
Otro punto que me gustaría hacer sobre los objetos es que, al igual que las matrices, pueden contener cualquier tipo de datos.
Entonces nuestros datos pueden ser números o cadenas o booleanos, una matriz, incluso otro objeto, como puede ver aquí.
Al igual que las matrices, podemos mezclar y combinar tanto como nos gustaría.
Así que vamos a detenernos aquí por ahora en
el siguiente video vamos a hacer una comparación entre objetos y borrar la sintaxis