1
00:00:00,720 --> 00:00:03,160
Podría volver en esta lección.

2
00:00:03,150 --> 00:00:07,480
Seguimos hablando de una carrera y nos centraremos en la iteración de matriz.

3
00:00:07,740 --> 00:00:12,930
Hasta este punto, hemos visto cómo podemos crear una matriz de cómo una matriz es solo una lista de datos,

4
00:00:12,930 --> 00:00:14,470
podemos almacenar lo que queramos allí.

5
00:00:14,520 --> 00:00:20,180
Podemos almacenar números y cadenas y valores booleanos, podemos almacenar otras matrices, pero la idea es que hemos

6
00:00:20,290 --> 00:00:25,620
almacenado cosas allí y hemos sacado cosas y hemos accedido a información como darme el primer elemento,

7
00:00:25,620 --> 00:00:30,410
darme el último elemento o hemos usado push y pop y shift y n shift.

8
00:00:30,450 --> 00:00:36,360
cómo podríamos acceder a cada pieza de una matriz o hacer algún código para cada elemento en una matriz.

9
00:00:36,360 --> 00:00:38,470
Pero hasta este momento no hemos visto

10
00:00:38,820 --> 00:00:44,380
Y eso es lo que iteración de matriz se refiere a iterar sobre una lista iterando sobre una matriz.

11
00:00:44,400 --> 00:00:50,140
Básicamente recorriendo ese conjunto y haciendo algo para cada elemento o con cada elemento.

12
00:00:50,250 --> 00:00:55,560
Así que les daré algunas aplicaciones del mundo real, algunos ejemplos reales de iteración de matriz.

13
00:00:55,560 --> 00:00:59,010
Entonces, un ejemplo común son los comentarios y las publicaciones.

14
00:00:59,010 --> 00:01:04,650
Entonces, un blog publica si es tumblr o Reddit. Supongo que tumblr en realidad no tiene comentarios,

15
00:01:04,650 --> 00:01:06,450
pero digamos léelo y léelo.

16
00:01:06,450 --> 00:01:08,620
Publicar tiene un montón de comentarios.

17
00:01:08,850 --> 00:01:14,700
Bueno, esos comentarios se almacenan en una matriz y con el fin de mostrar todos esos comentarios, lo

18
00:01:14,700 --> 00:01:21,180
que realmente sucede es que algunos códigos pasan a través de esa iteración sobre esa matriz con 10000 comentarios potencialmente

19
00:01:21,600 --> 00:01:27,450
y para cada uno hace cada vez todo el contenido y hace un poco aliado o hace un

20
00:01:27,750 --> 00:01:31,740
párrafo, cualquiera que sean los comentarios que lo envejecen se genera en un bucle.

21
00:01:31,830 --> 00:01:37,160
Cuando iteremos en Iraq, haremos algo muy similar con comentarios también.

22
00:01:37,200 --> 00:01:42,360
Más adelante en este curso, cuando hablemos de Noad y lo expresemos en el desarrollo, usaremos un

23
00:01:42,630 --> 00:01:46,080
ciclo para iterar sobre una serie de comentarios para imprimir cada comentario.

24
00:01:46,080 --> 00:01:49,140
También utilizaremos la iteración de matriz cuando lo haga.

25
00:01:49,170 --> 00:01:54,330
Así que ya hemos empezado una lista de tareas simples, pero cuando realmente agreguemos cada una de ellas a

26
00:01:54,330 --> 00:02:00,690
Malmsey, SS usará un ciclo para cada una y creará un pequeño div para cada una y luego las aplicaremos a cada una.

27
00:02:01,410 --> 00:02:06,900
Lo mismo cuando haces una aplicación de blog vamos a usar un bucle y para cada blog de nuestra serie de blogs

28
00:02:07,290 --> 00:02:08,170
vamos a hacer algo.

29
00:02:08,280 --> 00:02:10,250
Haremos una pequeña publicación de blog en la página.

30
00:02:10,440 --> 00:02:12,480
Entonces la radiación es realmente importante.

31
00:02:12,480 --> 00:02:15,180
Probablemente sea lo más común que hacemos con las matrices.

32
00:02:15,210 --> 00:02:16,360
Tenemos una lista de datos.

33
00:02:16,470 --> 00:02:19,500
Usualmente quieres hacer algo con todo lo que está en esa lista.

34
00:02:19,560 --> 00:02:25,560
De lo contrario, si solo desea trabajar siempre a primera vista o en el séptimo elemento, tal vez no

35
00:02:25,560 --> 00:02:26,780
deba utilizar una matriz.

36
00:02:26,820 --> 00:02:28,910
Tal vez solo almacene ese artículo por sí mismo.

37
00:02:29,220 --> 00:02:30,990
Entonces tenemos tres objetivos aquí.

38
00:02:31,080 --> 00:02:36,030
El primero es que quiero mostrarle cómo puede usar un bucle for para iterar sobre una

39
00:02:36,030 --> 00:02:39,130
matriz y luego le mostraré algo nuevo para cada uno.

40
00:02:39,420 --> 00:02:44,310
Entonces has visto cuatro loops antes, pero un foreach es algo nuevo, es emocionante en mi opinión.

41
00:02:44,340 --> 00:02:46,460
Es realmente realmente útil también.

42
00:02:46,530 --> 00:02:49,340
Y luego, lo último que haremos es comparar los dos.

43
00:02:49,350 --> 00:02:54,940
Empecemos aquí. Tengo un ejemplo de cómo usar un bucle for para recorrer una matriz.

44
00:02:55,260 --> 00:03:00,480
Así que tenemos una matriz de colores que tiene cuatro elementos para las cadenas de color rojo, naranja, amarillo y verde.

45
00:03:00,760 --> 00:03:06,530
Ahora bien, si quisiera imprimir cada uno de ellos si no hablamos sobre esto, no hicimos una repetición.

46
00:03:06,900 --> 00:03:08,750
Copiaré esto aquí.

47
00:03:09,480 --> 00:03:12,180
Lo que tendría que hacer es algo como esto.

48
00:03:12,220 --> 00:03:16,700
luego haga lo mismo para 1 y 2.

49
00:03:19,770 --> 00:03:23,420
Cancele ese registro colorea cero y

50
00:03:23,910 --> 00:03:31,380
Y finalmente, para 3, lo que nos da a los visitantes verdes e invitados nocivos, pero eso no es tan malo como podría

51
00:03:31,380 --> 00:03:37,170
ser si tuviéramos diez mil colores en esta matriz o 10000 comentarios en o leyeremos una publicación.

52
00:03:37,320 --> 00:03:40,020
Entonces, obviamente, eso no funcionaría para nosotros.

53
00:03:40,290 --> 00:03:42,960
Sin mencionar el hecho de que no es un código seco.

54
00:03:42,960 --> 00:03:44,810
Nos estamos repitiendo todo el tiempo.

55
00:03:45,000 --> 00:03:51,030
Entonces, utilizamos un ciclo para ayudar a automatizar este proceso porque lo que estamos haciendo aquí es la misma operación.

56
00:03:51,030 --> 00:03:53,860
Lo único que cambia es el número 8 aquí.

57
00:03:54,240 --> 00:03:55,990
Y cada vez solo estamos agregando uno.

58
00:03:56,190 --> 00:04:00,480
Así que estamos comenzando desde el principio de la matriz y estamos yendo hasta el final, así que

59
00:04:00,480 --> 00:04:03,070
puedes hacer eso con un bucle for como puedes ver aquí.

60
00:04:03,390 --> 00:04:09,450
Entonces, nuestro perfil FOR nuestra vista comienza en cero porque ese es siempre el primer índice de la matriz.

61
00:04:09,750 --> 00:04:13,440
Y luego le agregamos uno cada vez que pasa el ciclo y seguimos adelante.

62
00:04:13,530 --> 00:04:14,350
Guau.

63
00:04:14,440 --> 00:04:17,290
Es menos que la longitud de la matriz de colores.

64
00:04:17,340 --> 00:04:20,510
Así que recuerda que la longitud de esta matriz es cuatro.

65
00:04:20,520 --> 00:04:27,990
Entonces, si tengo menos de cuatro horas, nunca debería ser igual a cuatro porque los colores cuatro no están definidos.

66
00:04:28,140 --> 00:04:30,360
Entonces este tipo de bucle for es realmente muy común.

67
00:04:30,510 --> 00:04:37,740
Así que permítanme escribirlo aquí porque nuestro ojo equivale a cero ojos menos que el flanco de color y no tiene que

68
00:04:37,740 --> 00:04:39,050
hacerlo de esa manera.

69
00:04:39,060 --> 00:04:43,740
También puede hacer menos o la misma longitud de dos colores.

70
00:04:43,770 --> 00:04:49,500
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

71
00:04:49,500 --> 00:04:50,050
lo mismo.

72
00:04:50,280 --> 00:04:57,200
Así que cierra como I plus plus y abre nuestros corchetes.

73
00:04:57,720 --> 00:05:05,110
Y lo que haremos aquí en lugar de consejos sobre el registro, hagámoslo en alertas de alerta de colores.

74
00:05:05,120 --> 00:05:07,910
Solo me gusta eso.

75
00:05:08,060 --> 00:05:14,330
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

76
00:05:14,340 --> 00:05:16,290
aquí en lo que respecta a los conceptos.

77
00:05:16,290 --> 00:05:21,160
Simplemente está tomando un ciclo de espera porque ya has visto un número que comienza en cero y estamos

78
00:05:21,160 --> 00:05:26,180
subiendo y contando a otro número y luego todo lo que estamos haciendo es conectar ese número en una matriz.

79
00:05:26,190 --> 00:05:28,130
Así que probemos esto.

80
00:05:28,650 --> 00:05:34,700
Y espero que puedan leer esto, termino con un verde amarillo anaranjado rojo.

81
00:05:34,980 --> 00:05:40,440
Y hagamos lo mismo solo con el consejo dot Lague en su lugar.

82
00:05:40,440 --> 00:05:41,360
Y ahí vamos.

83
00:05:41,730 --> 00:05:47,230
Entonces, de nuevo, lo que realmente haríamos con algo así como los comentarios que hacen por nuestra llamada.

84
00:05:47,250 --> 00:05:52,650
Y luego pedí menos y comentamos largamente en lugar de anular el registro de algo que podríamos tener una función

85
00:05:52,650 --> 00:05:58,890
llamada make make out out out o algo por el estilo y que sería el responsable de hacer que todo el iChat le

86
00:05:59,120 --> 00:06:04,070
hiciera un comentario a Alpher y ahora estamos haciendo a cada elemento en la matriz de comentarios.

87
00:06:04,460 --> 00:06:04,820
DE ACUERDO.

88
00:06:04,860 --> 00:06:06,490
Así que así es como podemos usar un bucle for.

89
00:06:06,500 --> 00:06:11,330
También podríamos retroceder para comenzar al final de la matriz y seguir hasta llegar a cero.

90
00:06:11,400 --> 00:06:17,110
Pero eso es un poco menos común, pero hay otra forma de iterar a través de una

91
00:06:17,110 --> 00:06:18,100
matriz llamada foreach.

92
00:06:18,270 --> 00:06:24,720
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.

93
00:06:25,230 --> 00:06:27,990
Ahora, para cada uno, siempre ha sido parte de Javascript.

94
00:06:28,170 --> 00:06:33,440
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.

95
00:06:33,480 --> 00:06:37,210
Salió en un 2009 creo más o menos.

96
00:06:37,440 --> 00:06:42,720
referencia a él, pero creo que es la mejor forma de recorrer un conjunto.

97
00:06:42,720 --> 00:06:47,190
Entonces habrá tutoriales y hay algunos libros más antiguos que no hacen

98
00:06:47,220 --> 00:06:52,020
Hay un pequeño obstáculo que superar desde el principio, como verán aquí.

99
00:06:52,200 --> 00:06:56,880
Es algo nuevo, es un poco intimidante cuando estamos pasando una función a otra función.

100
00:06:57,090 --> 00:06:58,940
Entonces lo explicaré en solo un momento.

101
00:06:58,950 --> 00:07:02,970
Pero una vez que lo superas, una vez aprendes la sintaxis y te acostumbras, y

102
00:07:02,970 --> 00:07:07,680
sabes cuando necesitas poner los paréntesis entre paréntesis y hay un poco de equipaje que debes superar

103
00:07:07,680 --> 00:07:12,480
al principio, pero solo una vez. te sientes cómodo con él, es mucho más fácil que usar

104
00:07:12,480 --> 00:07:13,260
un bucle for.

105
00:07:13,320 --> 00:07:19,470
Es más rápido y lo verás por todos lados y haré todo lo posible para intentar utilizarlo de forma equilibrada para

106
00:07:19,470 --> 00:07:24,930
los bucles que utilices para cada cosa, para que te golpee en ambas direcciones y te acostumbres a ambos.

107
00:07:25,360 --> 00:07:27,880
Pero te diré que ahora soy parcial a cuatro cada uno.

108
00:07:27,890 --> 00:07:29,070
Así que aquí está lo que es.

109
00:07:29,160 --> 00:07:33,600
Es un método llamado para cada uno que está definido en cada matriz individual.

110
00:07:33,620 --> 00:07:38,090
Es parte de algo llamado el prototipo de matriz, que es donde todos esos métodos como push

111
00:07:38,100 --> 00:07:40,620
y pop y shift y unshipped es donde todos viven.

112
00:07:40,740 --> 00:07:44,920
Entonces, lo que hace es tomar una función como argumento como puede ver aquí.

113
00:07:44,940 --> 00:07:51,500
Entonces, escribimos una matriz, cualquiera que sea el nombre de la matriz, se colorea un comentario por cada costo de camello

114
00:07:51,500 --> 00:07:52,270
por caso.

115
00:07:52,500 --> 00:07:55,080
Y luego pasamos en una función.

116
00:07:55,320 --> 00:07:56,580
Entonces en realidad no se ve así.

117
00:07:56,580 --> 00:08:01,620
Normalmente, lo que verá más a menudo es una función anónima como la que tenemos aquí.

118
00:08:02,340 --> 00:08:09,330
Entonces se pasa todo esto que es una función y luego se llama a esa función para cada

119
00:08:09,330 --> 00:08:10,720
elemento de la matriz.

120
00:08:11,190 --> 00:08:13,150
Déjame mostrarte un ejemplo aquí.

121
00:08:13,250 --> 00:08:14,870
Tomaremos este código.

122
00:08:14,970 --> 00:08:19,340
Copie esta matriz y luego borre la pantalla primero.

123
00:08:20,160 --> 00:08:25,200
Entonces tenemos la matriz de colores y luego escribimos colores para cada uno.

124
00:08:25,200 --> 00:08:30,510
Y cada vez que paso se nos llamará a cada elemento y normalmente tendremos nano mal

125
00:08:30,500 --> 00:08:33,580
funcionamiento aquí y no voy a darle ningún argumento.

126
00:08:33,580 --> 00:08:36,180
Explicaré cuál es ese argumento en solo un momento.

127
00:08:36,170 --> 00:08:37,300
Así colorista para cada uno.

128
00:08:37,320 --> 00:08:39,570
Y luego solo la función vacía.

129
00:08:39,600 --> 00:08:48,530
Y por ahora vamos a hacer un registro de agua constante dentro de cada uno así como así.

130
00:08:48,570 --> 00:08:53,480
Tómese un momento para pensar en lo que espera que suceda. Dije que causa el

131
00:08:53,490 --> 00:08:56,660
funcionamiento de cada elemento del conjunto y presionaré Enter.

132
00:08:57,360 --> 00:09:04,110
Y siempre me olvido de esto, no hace muy buen video aquí, pero Chrome comprimirá todos los registros de

133
00:09:04,110 --> 00:09:05,970
consejos en una sola línea.

134
00:09:06,090 --> 00:09:07,790
Pero hay un número para rojo aquí.

135
00:09:07,950 --> 00:09:11,840
Por lo tanto, lo repite cuatro veces uno por cada elemento del conjunto.

136
00:09:12,240 --> 00:09:21,120
manera más fácil de ver eso sería una alerta y reciben una carta para alertar a tres y cuatro alertas.

137
00:09:21,120 --> 00:09:22,160
Entonces, una

138
00:09:22,160 --> 00:09:24,440
Por lo tanto, lo hace por cada elemento de la matriz.

139
00:09:24,920 --> 00:09:32,000
Pero eso no es tan útil solo para ejecutar un código x número de veces o longitud menos una cantidad

140
00:09:32,000 --> 00:09:33,820
de veces para una matriz.

141
00:09:33,870 --> 00:09:36,830
Por lo general, queremos utilizar los datos en esa matriz de alguna manera.

142
00:09:36,840 --> 00:09:42,030
Ya sea que se trate de hacer un comentario cada vez que se esté guardando algo en la base

143
00:09:42,500 --> 00:09:47,670
de datos, ya sea si se está agregando algo a una puntuación para cada elemento, generalmente queremos interactuar o

144
00:09:47,660 --> 00:09:52,530
manipular esa información de alguna manera en lugar de simplemente alertar arbitrariamente o llegar a ese registro.

145
00:09:52,710 --> 00:09:57,870
Entonces, la forma en que obtenemos esa información es teniendo nuestra función sea cual sea esta función, ya sea

146
00:09:57,870 --> 00:10:01,220
que se trate de una función anónima o una expresión de función nombrada.

147
00:10:01,290 --> 00:10:01,850
No importa.

148
00:10:01,860 --> 00:10:08,520
Pero cualquiera que sea esa función, la tenemos, excepto un argumento, así que permítanme reescribirla aquí y llamarla cualquier

149
00:10:08,520 --> 00:10:11,600
cosa que deseemos, como cualquier otra función que definamos.

150
00:10:11,620 --> 00:10:19,230
Así que comenzaré con un nombre terrible como "Amo a los perros" que es de esperar que nunca uses en tu código a

151
00:10:19,500 --> 00:10:22,130
menos que realmente tenga sentido en alguna situación.

152
00:10:22,480 --> 00:10:27,060
Sin embargo, no puedo pensar en muchos y lo que haré es tomar cualquiera de los perros e imprimir.

153
00:10:27,100 --> 00:10:30,850
Me encantan los perros cada vez, así que no inicie sesión en el para cada uno.

154
00:10:31,000 --> 00:10:40,770
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

155
00:10:40,870 --> 00:10:44,490
forraje amarillo y finalmente dentro del for each green.

156
00:10:44,830 --> 00:10:53,230
Entonces, lo que está sucediendo es que I love dogs está manteniendo el valor de cada elemento en esa matriz a medida que

157
00:10:53,230 --> 00:10:55,230
avanzamos o cuando el foreach avanza.

158
00:10:55,380 --> 00:11:00,080
Así que está llamando a esta función para cada elemento esta función completa aquí.

159
00:11:00,360 --> 00:11:05,820
Y no solo lo está llamando, sino que está pasando en rojo y luego en naranja y luego en

160
00:11:05,830 --> 00:11:08,050
amarillo y luego en verde en esta función.

161
00:11:08,070 --> 00:11:10,010
Déjame mostrarte una sintaxis alternativa.

162
00:11:10,120 --> 00:11:14,690
Bueno, no es realmente una sintaxis alternativa sino otra forma de definir una función y pasarla.

163
00:11:14,790 --> 00:11:16,650
Entonces es como cualquier otra función.

164
00:11:16,750 --> 00:11:25,140
Y voy a llamarlo color de impresión y todo lo que hará es tomar un argumento llamado

165
00:11:25,140 --> 00:11:35,320
Color y luego, en lugar de aquí, haré un registro constante y haremos una línea de estrellas para comenzar y copiaré

166
00:11:36,390 --> 00:11:40,500
esa línea y luego debajo no registrará el color.

167
00:11:41,790 --> 00:11:44,240
Y luego de nuevo un esquema de pieza.

168
00:11:44,710 --> 00:11:45,120
DE ACUERDO.

169
00:11:45,220 --> 00:11:47,190
Entonces, tenemos que encontrar una función simple.

170
00:11:47,190 --> 00:11:52,120
Esperemos que esto sea una revisión en este punto. Se usa un argumento llamado Color y presiono Enter. No sucede

171
00:11:52,290 --> 00:11:54,080
nada porque solo he definido la función.

172
00:11:54,150 --> 00:11:58,590
Pero ahora si lo llamo imprimir color y vamos a hacer morado.

173
00:11:58,680 --> 00:12:03,830
Obviamente, el mejor color que obtengo son Estrellas moradas.

174
00:12:04,620 --> 00:12:10,030
Y al igual que la revisión, no estoy definido porque mi función en realidad no devuelve nada, pero

175
00:12:10,020 --> 00:12:10,800
imprime tres líneas.

176
00:12:10,980 --> 00:12:17,490
hacer es colores, que es mi matriz para cada uno y luego, en lugar de escribir una función completa aquí.

177
00:12:17,640 --> 00:12:25,410
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

178
00:12:25,480 --> 00:12:32,170
Todo lo que hago es pasar el color de impresión y esta es una nota realmente importante que no pongo paréntesis

179
00:12:33,000 --> 00:12:35,060
aquí si pongo esos paréntesis allí.

180
00:12:35,190 --> 00:12:37,570
Voy a llamar inmediatamente a esa función.

181
00:12:37,570 --> 00:12:42,630
Recuerde que cuando javascript ve una función seguida por paréntesis, la ejecuta.

182
00:12:42,730 --> 00:12:47,710
Por lo tanto, no importa que lo pase por cada uno de ellos. Se llamará antes

183
00:12:48,410 --> 00:12:55,220
de que se llame. Lo que queremos hacer en realidad es pasar el color de impresión sin paréntesis para cada uno.

184
00:12:55,360 --> 00:12:55,920
Aquí vamos.

185
00:12:55,920 --> 00:12:56,640
Aquí está la función.

186
00:12:56,660 --> 00:12:58,450
Quiero que me llames más tarde.

187
00:12:58,570 --> 00:13:01,880
Cuando pasas y quiero que lo llames en cada elemento de la matriz.

188
00:13:02,040 --> 00:13:04,770
Entonces, ¿qué pasará si avanzamos rápidamente?

189
00:13:04,840 --> 00:13:13,320
Bueno, déjame presionar Enter primero y verás que obtenemos púrpura mientras comienza aquí, rojo, naranja, amarillo y

190
00:13:13,330 --> 00:13:14,070
verde.

191
00:13:14,470 --> 00:13:20,980
Entonces, lo que sucede detrás de las escenas es que para cada uno toma el color de

192
00:13:21,000 --> 00:13:28,440
impresión y se está ejecutando el color de impresión, el rojo, el naranja, excepto que realmente no se ve así.

193
00:13:28,440 --> 00:13:40,090
Se parece más a este color de impresión de colores Pi que comienza en 0 y luego colores bonitos colores uno.

194
00:13:40,260 --> 00:13:43,960
Por lo tanto, está tomando nuestra función de impresión de colores y en realidad nos la está llamando.

195
00:13:44,010 --> 00:13:47,970
Así que solo le decimos qué llamar y lo llamaremos en los artículos.

196
00:13:48,100 --> 00:13:53,110
Entonces, para cada uno, es realmente bueno porque no tenemos que trabajar con I, no tenemos que escribir

197
00:13:53,110 --> 00:14:01,020
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

198
00:14:01,020 --> 00:14:01,820
llamamos aquí.

199
00:14:01,890 --> 00:14:07,330
Así que coloree en este caso, pero recuerde que mostré que como amo a los perros no es

200
00:14:07,680 --> 00:14:13,130
un buen nombre en realidad, pero puede ser cualquier cosa que deseemos y, con suerte, significa más que colores.

201
00:14:13,620 --> 00:14:20,230
Así que de nuevo podemos usar ambos para y para cada uno, cada uno es más nuevo y más popular, y

202
00:14:20,230 --> 00:14:26,220
lo prefiero, pero haré todo lo posible para darle una perspectiva equilibrada o, al menos, forzarlo a ver ambos.

203
00:14:26,350 --> 00:14:31,170
Y luego, aquí hay una comparación de las dos formas de recorrer y hay más de dos formas en

204
00:14:31,170 --> 00:14:34,380
que podríamos usar un ciclo while del curso que le mostraré brevemente.

205
00:14:34,440 --> 00:14:36,970
Podríamos hacer lo mismo con los colores.

206
00:14:37,300 --> 00:14:40,420
Todo lo que tenemos que hacer es definir una variable.

207
00:14:40,410 --> 00:14:43,710
Vamos a llamarlo contar y es igual a cero al comienzo.

208
00:14:44,230 --> 00:14:51,400
Y luego vamos a hacer mientras el recuento es inferior a la longitud de color como nuestro para cada uno.

209
00:14:51,390 --> 00:14:53,620
Quiero decir simplemente como un bucle for.

210
00:14:54,100 --> 00:15:01,820
Y luego, en vez de aquí, tenemos que incrementar el recuento antes de que lo olvidemos y luego podemos

211
00:15:01,830 --> 00:15:05,440
hacer un recuento constante de los alt log colours.

212
00:15:05,860 --> 00:15:11,200
Así que es un poco más de sintaxis, como cada ciclo while generalmente se compara con un ciclo for.

213
00:15:11,350 --> 00:15:17,340
Primero tenemos que definir una variable y luego tenemos que incrementarla dentro del ciclo y terminamos en rojo,

214
00:15:17,350 --> 00:15:18,800
naranja, amarillo y verde.

215
00:15:19,200 --> 00:15:24,460
Entonces podrías usar un ciclo while pero es muy raro, casi nunca verás a nadie hacer eso.

216
00:15:24,450 --> 00:15:27,420
Casi siempre es un bucle o para cada uno.

217
00:15:27,420 --> 00:15:30,760
Y cada vez es más y más para cada uno.

218
00:15:30,820 --> 00:15:36,070
Aunque hay casos donde no existe ninguno, me aseguraré de señalar con algunas cosas del

219
00:15:36,070 --> 00:15:41,670
navegador algunas de las cosas de HMLC Ss y Javascript cuando combinamos todo, habrá momentos en

220
00:15:41,670 --> 00:15:46,150
los que trabajamos con cosas que parecen matrices pero en realidad no lo son.

221
00:15:46,170 --> 00:15:47,890
Y es realmente confuso

222
00:15:47,880 --> 00:15:51,990
Pero me aseguraré de que lo sepas y no podemos usarlo para cada uno entonces.

223
00:15:52,200 --> 00:15:56,230
Por lo tanto, siempre es bueno recordar cómo se escribe un bucle for y cómo se hace lo mismo con cada uno.

224
00:15:56,560 --> 00:16:00,500
Entonces, eso es lo que te muestra este código, tómate un momento para estudiarlo si lo deseas.

225
00:16:00,510 --> 00:16:04,860
Las diferencias clave son el hecho de que en un bucle for estamos lidiando con un número.

226
00:16:04,920 --> 00:16:09,850
Así que vamos desde un número desde cero hasta el final de la matriz y estamos usando ese número para

227
00:16:09,850 --> 00:16:11,450
acceder a los colores de la matriz.

228
00:16:11,460 --> 00:16:15,610
Yo en un foreach que está abstraído de nosotros.

229
00:16:15,630 --> 00:16:22,720
Así que todo lo que estamos tratando es un nombre que hemos creado un marcador de posición temporal de color o

230
00:16:22,710 --> 00:16:29,070
elemento o cosa sea lo que sea comentarios publicar amigo y lo utiliza en lugar de una función.

231
00:16:29,250 --> 00:16:35,010
aquí una función anónima, a menos que haya una función que quieras volver a usar más adelante y quieras llamarla

232
00:16:35,010 --> 00:16:39,910
a otras partes de tu código; luego puedes definirla, puedes ponerle un nombre fuera del alcance .

233
00:16:39,900 --> 00:16:42,350
Y lo más común es que a menudo veas

234
00:16:42,660 --> 00:16:43,200
DE ACUERDO.

235
00:16:43,360 --> 00:16:44,240
Así que cubrimos mucho.

236
00:16:44,250 --> 00:16:50,880
Son loops de cosas realmente importantes, más funciones y arreglos, cosas que se están uniendo ahora.

237
00:16:51,120 --> 00:16:56,200
Una vez más, haré todo lo posible para asegurarme de que veas ambas formas de escribir un ciclo a lo largo

238
00:16:56,200 --> 00:17:00,970
del curso, y el siguiente, un ejercicio realmente corto y muy rápido, no debería tomar más de 30 segundos.