Podría volver en esta lección.
Seguimos hablando de una carrera y nos centraremos en la iteración de matriz.
Hasta este punto, hemos visto cómo podemos crear una matriz de cómo una matriz es solo una lista de datos,
podemos almacenar lo que queramos allí.
Podemos almacenar números y cadenas y valores booleanos, podemos almacenar otras matrices, pero la idea es que hemos
almacenado cosas allí y hemos sacado cosas y hemos accedido a información como darme el primer elemento,
darme el último elemento o hemos usado push y pop y shift y n shift.
cómo podríamos acceder a cada pieza de una matriz o hacer algún código para cada elemento en una matriz.
Pero hasta este momento no hemos visto
Y eso es lo que iteración de matriz se refiere a iterar sobre una lista iterando sobre una matriz.
Básicamente recorriendo ese conjunto y haciendo algo para cada elemento o con cada elemento.
Así que les daré algunas aplicaciones del mundo real, algunos ejemplos reales de iteración de matriz.
Entonces, un ejemplo común son los comentarios y las publicaciones.
Entonces, un blog publica si es tumblr o Reddit. Supongo que tumblr en realidad no tiene comentarios,
pero digamos léelo y léelo.
Publicar tiene un montón de comentarios.
Bueno, esos comentarios se almacenan en una matriz y con el fin de mostrar todos esos comentarios, lo
que realmente sucede es que algunos códigos pasan a través de esa iteración sobre esa matriz con 10000 comentarios potencialmente
y para cada uno hace cada vez todo el contenido y hace un poco aliado o hace un
párrafo, cualquiera que sean los comentarios que lo envejecen se genera en un bucle.
Cuando iteremos en Iraq, haremos algo muy similar con comentarios también.
Más adelante en este curso, cuando hablemos de Noad y lo expresemos en el desarrollo, usaremos un
ciclo para iterar sobre una serie de comentarios para imprimir cada comentario.
También utilizaremos la iteración de matriz cuando lo haga.
Así que ya hemos empezado una lista de tareas simples, pero cuando realmente agreguemos cada una de ellas a
Malmsey, SS usará un ciclo para cada una y creará un pequeño div para cada una y luego las aplicaremos a cada una.
Lo mismo cuando haces una aplicación de blog vamos a usar un bucle y para cada blog de nuestra serie de blogs
vamos a hacer algo.
Haremos una pequeña publicación de blog en la página.
Entonces la radiación es realmente importante.
Probablemente sea lo más común que hacemos con las matrices.
Tenemos una lista de datos.
Usualmente quieres hacer algo con todo lo que está en esa lista.
De lo contrario, si solo desea trabajar siempre a primera vista o en el séptimo elemento, tal vez no
deba utilizar una matriz.
Tal vez solo almacene ese artículo por sí mismo.
Entonces tenemos tres objetivos aquí.
El primero es que quiero mostrarle cómo puede usar un bucle for para iterar sobre una
matriz y luego le mostraré algo nuevo para cada uno.
Entonces has visto cuatro loops antes, pero un foreach es algo nuevo, es emocionante en mi opinión.
Es realmente realmente útil también.
Y luego, lo último que haremos es comparar los dos.
Empecemos aquí. Tengo un ejemplo de cómo usar un bucle for para recorrer una matriz.
Así que tenemos una matriz de colores que tiene cuatro elementos para las cadenas de color rojo, naranja, amarillo y verde.
Ahora bien, si quisiera imprimir cada uno de ellos si no hablamos sobre esto, no hicimos una repetición.
Copiaré esto aquí.
Lo que tendría que hacer es algo como esto.
luego haga lo mismo para 1 y 2.
Cancele ese registro colorea cero y
Y finalmente, para 3, lo que nos da a los visitantes verdes e invitados nocivos, pero eso no es tan malo como podría
ser si tuviéramos diez mil colores en esta matriz o 10000 comentarios en o leyeremos una publicación.
Entonces, obviamente, eso no funcionaría para nosotros.
Sin mencionar el hecho de que no es un código seco.
Nos estamos repitiendo todo el tiempo.
Entonces, utilizamos un ciclo para ayudar a automatizar este proceso porque lo que estamos haciendo aquí es la misma operación.
Lo único que cambia es el número 8 aquí.
Y cada vez solo estamos agregando uno.
Así que estamos comenzando desde el principio de la matriz y estamos yendo hasta el final, así que
puedes hacer eso con un bucle for como puedes ver aquí.
Entonces, nuestro perfil FOR nuestra vista comienza en cero porque ese es siempre el primer índice de la matriz.
Y luego le agregamos uno cada vez que pasa el ciclo y seguimos adelante.
Guau.
Es menos que la longitud de la matriz de colores.
Así que recuerda que la longitud de esta matriz es cuatro.
Entonces, si tengo menos de cuatro horas, nunca debería ser igual a cuatro porque los colores cuatro no están definidos.
Entonces este tipo de bucle for es realmente muy común.
Así que permítanme escribirlo aquí porque nuestro ojo equivale a cero ojos menos que el flanco de color y no tiene que
hacerlo de esa manera.
También puede hacer menos o la misma longitud de dos colores.
Amanda Swon, que es un poco más larga para que la mayoría de la gente no lo escriba de esa manera, pero es
lo mismo.
Así que cierra como I plus plus y abre nuestros corchetes.
Y lo que haremos aquí en lugar de consejos sobre el registro, hagámoslo en alertas de alerta de colores.
Solo me gusta eso.
Así que, en realidad, esto no debería ser tan nuevo, ya que vernos usando un ciclo for como este es nuevo, pero no hay nada nuevo
aquí en lo que respecta a los conceptos.
Simplemente está tomando un ciclo de espera porque ya has visto un número que comienza en cero y estamos
subiendo y contando a otro número y luego todo lo que estamos haciendo es conectar ese número en una matriz.
Así que probemos esto.
Y espero que puedan leer esto, termino con un verde amarillo anaranjado rojo.
Y hagamos lo mismo solo con el consejo dot Lague en su lugar.
Y ahí vamos.
Entonces, de nuevo, lo que realmente haríamos con algo así como los comentarios que hacen por nuestra llamada.
Y luego pedí menos y comentamos largamente en lugar de anular el registro de algo que podríamos tener una función
llamada make make out out out o algo por el estilo y que sería el responsable de hacer que todo el iChat le
hiciera un comentario a Alpher y ahora estamos haciendo a cada elemento en la matriz de comentarios.
DE ACUERDO.
Así que así es como podemos usar un bucle for.
También podríamos retroceder para comenzar al final de la matriz y seguir hasta llegar a cero.
Pero eso es un poco menos común, pero hay otra forma de iterar a través de una
matriz llamada foreach.
Y en mi opinión, Foreach es mucho más fácil de usar, es más simple, es más corto y es más común hoy en día.
Ahora, para cada uno, siempre ha sido parte de Javascript.
Por lo tanto, es relativamente nuevo en comparación con el uso de un bucle for o un bucle old for para recorrer una matriz.
Salió en un 2009 creo más o menos.
referencia a él, pero creo que es la mejor forma de recorrer un conjunto.
Entonces habrá tutoriales y hay algunos libros más antiguos que no hacen
Hay un pequeño obstáculo que superar desde el principio, como verán aquí.
Es algo nuevo, es un poco intimidante cuando estamos pasando una función a otra función.
Entonces lo explicaré en solo un momento.
Pero una vez que lo superas, una vez aprendes la sintaxis y te acostumbras, y
sabes cuando necesitas poner los paréntesis entre paréntesis y hay un poco de equipaje que debes superar
al principio, pero solo una vez. te sientes cómodo con él, es mucho más fácil que usar
un bucle for.
Es más rápido y lo verás por todos lados y haré todo lo posible para intentar utilizarlo de forma equilibrada para
los bucles que utilices para cada cosa, para que te golpee en ambas direcciones y te acostumbres a ambos.
Pero te diré que ahora soy parcial a cuatro cada uno.
Así que aquí está lo que es.
Es un método llamado para cada uno que está definido en cada matriz individual.
Es parte de algo llamado el prototipo de matriz, que es donde todos esos métodos como push
y pop y shift y unshipped es donde todos viven.
Entonces, lo que hace es tomar una función como argumento como puede ver aquí.
Entonces, escribimos una matriz, cualquiera que sea el nombre de la matriz, se colorea un comentario por cada costo de camello
por caso.
Y luego pasamos en una función.
Entonces en realidad no se ve así.
Normalmente, lo que verá más a menudo es una función anónima como la que tenemos aquí.
Entonces se pasa todo esto que es una función y luego se llama a esa función para cada
elemento de la matriz.
Déjame mostrarte un ejemplo aquí.
Tomaremos este código.
Copie esta matriz y luego borre la pantalla primero.
Entonces tenemos la matriz de colores y luego escribimos colores para cada uno.
Y cada vez que paso se nos llamará a cada elemento y normalmente tendremos nano mal
funcionamiento aquí y no voy a darle ningún argumento.
Explicaré cuál es ese argumento en solo un momento.
Así colorista para cada uno.
Y luego solo la función vacía.
Y por ahora vamos a hacer un registro de agua constante dentro de cada uno así como así.
Tómese un momento para pensar en lo que espera que suceda. Dije que causa el
funcionamiento de cada elemento del conjunto y presionaré Enter.
Y siempre me olvido de esto, no hace muy buen video aquí, pero Chrome comprimirá todos los registros de
consejos en una sola línea.
Pero hay un número para rojo aquí.
Por lo tanto, lo repite cuatro veces uno por cada elemento del conjunto.
manera más fácil de ver eso sería una alerta y reciben una carta para alertar a tres y cuatro alertas.
Entonces, una
Por lo tanto, lo hace por cada elemento de la matriz.
Pero eso no es tan útil solo para ejecutar un código x número de veces o longitud menos una cantidad
de veces para una matriz.
Por lo general, queremos utilizar los datos en esa matriz de alguna manera.
Ya sea que se trate de hacer un comentario cada vez que se esté guardando algo en la base
de datos, ya sea si se está agregando algo a una puntuación para cada elemento, generalmente queremos interactuar o
manipular esa información de alguna manera en lugar de simplemente alertar arbitrariamente o llegar a ese registro.
Entonces, la forma en que obtenemos esa información es teniendo nuestra función sea cual sea esta función, ya sea
que se trate de una función anónima o una expresión de función nombrada.
No importa.
Pero cualquiera que sea esa función, la tenemos, excepto un argumento, así que permítanme reescribirla aquí y llamarla cualquier
cosa que deseemos, como cualquier otra función que definamos.
Así que comenzaré con un nombre terrible como "Amo a los perros" que es de esperar que nunca uses en tu código a
menos que realmente tenga sentido en alguna situación.
Sin embargo, no puedo pensar en muchos y lo que haré es tomar cualquiera de los perros e imprimir.
Me encantan los perros cada vez, así que no inicie sesión en el para cada uno.
Además, me encantan los perros y voy a presionar Enter y verás que entramos dentro del forraje que se lee dentro del forraje naranja dentro del
forraje amarillo y finalmente dentro del for each green.
Entonces, lo que está sucediendo es que I love dogs está manteniendo el valor de cada elemento en esa matriz a medida que
avanzamos o cuando el foreach avanza.
Así que está llamando a esta función para cada elemento esta función completa aquí.
Y no solo lo está llamando, sino que está pasando en rojo y luego en naranja y luego en
amarillo y luego en verde en esta función.
Déjame mostrarte una sintaxis alternativa.
Bueno, no es realmente una sintaxis alternativa sino otra forma de definir una función y pasarla.
Entonces es como cualquier otra función.
Y voy a llamarlo color de impresión y todo lo que hará es tomar un argumento llamado
Color y luego, en lugar de aquí, haré un registro constante y haremos una línea de estrellas para comenzar y copiaré
esa línea y luego debajo no registrará el color.
Y luego de nuevo un esquema de pieza.
DE ACUERDO.
Entonces, tenemos que encontrar una función simple.
Esperemos que esto sea una revisión en este punto. Se usa un argumento llamado Color y presiono Enter. No sucede
nada porque solo he definido la función.
Pero ahora si lo llamo imprimir color y vamos a hacer morado.
Obviamente, el mejor color que obtengo son Estrellas moradas.
Y al igual que la revisión, no estoy definido porque mi función en realidad no devuelve nada, pero
imprime tres líneas.
hacer es colores, que es mi matriz para cada uno y luego, en lugar de escribir una función completa aquí.
OK, así puedo usar cada uno para ejecutar este color de impresión en cada elemento de la matriz y todo lo que tengo que
Todo lo que hago es pasar el color de impresión y esta es una nota realmente importante que no pongo paréntesis
aquí si pongo esos paréntesis allí.
Voy a llamar inmediatamente a esa función.
Recuerde que cuando javascript ve una función seguida por paréntesis, la ejecuta.
Por lo tanto, no importa que lo pase por cada uno de ellos. Se llamará antes
de que se llame. Lo que queremos hacer en realidad es pasar el color de impresión sin paréntesis para cada uno.
Aquí vamos.
Aquí está la función.
Quiero que me llames más tarde.
Cuando pasas y quiero que lo llames en cada elemento de la matriz.
Entonces, ¿qué pasará si avanzamos rápidamente?
Bueno, déjame presionar Enter primero y verás que obtenemos púrpura mientras comienza aquí, rojo, naranja, amarillo y
verde.
Entonces, lo que sucede detrás de las escenas es que para cada uno toma el color de
impresión y se está ejecutando el color de impresión, el rojo, el naranja, excepto que realmente no se ve así.
Se parece más a este color de impresión de colores Pi que comienza en 0 y luego colores bonitos colores uno.
Por lo tanto, está tomando nuestra función de impresión de colores y en realidad nos la está llamando.
Así que solo le decimos qué llamar y lo llamaremos en los artículos.
Entonces, para cada uno, es realmente bueno porque no tenemos que trabajar con I, no tenemos que escribir
la sintaxis para un ciclo for y no tenemos que acceder a los colores que estoy dentro de nuestro código, o que accedemos es lo que sea lo
llamamos aquí.
Así que coloree en este caso, pero recuerde que mostré que como amo a los perros no es
un buen nombre en realidad, pero puede ser cualquier cosa que deseemos y, con suerte, significa más que colores.
Así que de nuevo podemos usar ambos para y para cada uno, cada uno es más nuevo y más popular, y
lo prefiero, pero haré todo lo posible para darle una perspectiva equilibrada o, al menos, forzarlo a ver ambos.
Y luego, aquí hay una comparación de las dos formas de recorrer y hay más de dos formas en
que podríamos usar un ciclo while del curso que le mostraré brevemente.
Podríamos hacer lo mismo con los colores.
Todo lo que tenemos que hacer es definir una variable.
Vamos a llamarlo contar y es igual a cero al comienzo.
Y luego vamos a hacer mientras el recuento es inferior a la longitud de color como nuestro para cada uno.
Quiero decir simplemente como un bucle for.
Y luego, en vez de aquí, tenemos que incrementar el recuento antes de que lo olvidemos y luego podemos
hacer un recuento constante de los alt log colours.
Así que es un poco más de sintaxis, como cada ciclo while generalmente se compara con un ciclo for.
Primero tenemos que definir una variable y luego tenemos que incrementarla dentro del ciclo y terminamos en rojo,
naranja, amarillo y verde.
Entonces podrías usar un ciclo while pero es muy raro, casi nunca verás a nadie hacer eso.
Casi siempre es un bucle o para cada uno.
Y cada vez es más y más para cada uno.
Aunque hay casos donde no existe ninguno, me aseguraré de señalar con algunas cosas del
navegador algunas de las cosas de HMLC Ss y Javascript cuando combinamos todo, habrá momentos en
los que trabajamos con cosas que parecen matrices pero en realidad no lo son.
Y es realmente confuso
Pero me aseguraré de que lo sepas y no podemos usarlo para cada uno entonces.
Por lo tanto, siempre es bueno recordar cómo se escribe un bucle for y cómo se hace lo mismo con cada uno.
Entonces, eso es lo que te muestra este código, tómate un momento para estudiarlo si lo deseas.
Las diferencias clave son el hecho de que en un bucle for estamos lidiando con un número.
Así que vamos desde un número desde cero hasta el final de la matriz y estamos usando ese número para
acceder a los colores de la matriz.
Yo en un foreach que está abstraído de nosotros.
Así que todo lo que estamos tratando es un nombre que hemos creado un marcador de posición temporal de color o
elemento o cosa sea lo que sea comentarios publicar amigo y lo utiliza en lugar de una función.
aquí una función anónima, a menos que haya una función que quieras volver a usar más adelante y quieras llamarla
a otras partes de tu código; luego puedes definirla, puedes ponerle un nombre fuera del alcance .
Y lo más común es que a menudo veas
DE ACUERDO.
Así que cubrimos mucho.
Son loops de cosas realmente importantes, más funciones y arreglos, cosas que se están uniendo ahora.
Una vez más, haré todo lo posible para asegurarme de que veas ambas formas de escribir un ciclo a lo largo
del curso, y el siguiente, un ejercicio realmente corto y muy rápido, no debería tomar más de 30 segundos.