Aprende 30 métodos de JavaScript en 12 días: ¡la hoja de trucos de HQ se entrega al finalizar!

1. Introducción: hay 365 días en un año. ¿ Por qué no tomar 12 de esos días y aprender 30 métodos JavaScript? Con este curso, puedes hacer justamente eso con la enseñanza día a día en paso combinada con retos prácticos manos sobre, puedes trabajar a tu paso a través de 30 métodos JavaScript en tan solo 20 minutos al día durante 12 días. Pero eso no es todo. Después de haber completado los 12 días, te daré una hoja de tramposos de alta calidad con los 30 métodos que puedes colgar junto a tu escritorio para referencia cotidiana. Hola, soy Travis Rogers. Soy desarrollador web freelance, blogger y estrategas digitales sobre Travis dot media, y espero verte en el curso. 2. Día 1: dividido: Oigan, chicos. Y bienvenidos al Día Uno. Hoy vamos a estar viendo el método split, acuerdo? Y sólo una nota rápida en estas lecciones, voy a dar la, um, información por delante, como el método y sus argumentos y todas esas cosas, y luego pasaremos a los ejemplos prácticos. Entonces si escuchas las instrucciones y escuchas lo que estoy diciendo y estás como, simplemente no lo tengo del todo, aguanta ahí y vamos a pasar a los ejemplos prácticos para cada lección. ¿ De acuerdo? Está bien. Entonces el método split, ¿cuál es el método split? El método de división de JavaScript divide una cadena en una matriz de subcadenas. Está bien, anote la palabra string. Entonces esta es una cadena dividida en una matriz de sub cadenas de cadena a matriz. Aquí tienes un ejemplo. Entonces aquí hay una cuerda. hoy fue un día muy productivo. Digamos que lo dividimos en estos espacios. Va a parecer que esta teoría será un array de la ONU de sub string. Entonces hoy no es índice cero estaba en el índice uno a está en el índice dos y así sucesivamente Otro ejemplo. Digamos que lo dividimos. Ten una cuerda aquí. Hola. ¿ Cómo estás hoy? Digamos que dividimos esto en el Kama, así que vamos a tener una matriz con dos sub cuerdas. Hola? Dividirlo la coma y luego otra sub cadena. ¿ Cómo estás hoy? Bastante sencillo. Está bien. Depende de ti decirle dónde y cómo dividir. El método split toma dos argumentos y ambos son opcionales y son separadores en límite. Por lo que el separador separador determina el carácter a utilizar para dividir la cadena. Está bien, eso podría ser una coma. Ese podría ser un espacio que podría ser la letra G. Si se deja en blanco, toda la cadena será devuelta intacta. Pero como una matriz y el separador es cómo le dices dónde dividir. El segundo argumento es decirle cómo dividir. Entonces el segundo argumento es el límite. También opcional it El límite es un entero que especifica el número de divisiones. No se incluirán los artículos posteriores a esto. Para que puedas decir, Oye, yo sólo quiero dividirme dos veces y luego cortarlo. Entonces sólo mirándolo de nuevo. El método split toma dos argumentos separador y límite. Ahora permítanme mostrarles un ejemplo. Y luego pasemos a darte algo de práctica con él. Así que abre tu navegador y ve a un sitio web llamado J s console dot com. Pensé en hacer esto en la consola del navegador, pero es tan pequeño, vamos a Js console dot com y obtienes una pantalla completa aquí para jugar. Entonces, veamos un ejemplo. De acuerdo, vamos a tener una llamada variable hoy y pongamos una cuerda que decía, hoy fue un día muy productivo y entramos. Muy bien, entonces tenemos una cadena guardada en una variable. Digamos que queremos dividirlo en los espacios, así que sólo pondríamos hoy paréntesis de puntos divididos, Y dentro de eso, lo íbamos a dar a argumentos. Vamos a, uh, primer argumento va a ser el separador, que va a ser un espacio. Por lo que vamos a decir cotización cotización espacio. Ese es el primer argumento coma para pasar a nuestro segundo argumento. Segundo argumento. Yo solo quiero tres palabras y luego cortarle la cuerda, pero mi semi colon y pegó entrar y ahí lo tenemos. Tenemos una matriz de sub cadenas, que es tres de las palabras de la cadena. Entonces hoy waas un simple Todo bien Ahora déjame mostrarte un par de otras cosas geniales. Está bien, así que pongamos otra variable variable. Llamemos a esta cadena y digamos que esto va a ser divertido buscando en el método de cadena . Entonces aquí hay otra variable llamada string con una cadena en ella y déjame mostrarte algunas cosas geniales . Así que mira este punto de cuerda entre paréntesis divididos. ¿ Qué crees que va a pasar? Bueno, vamos a ver. Está bien. Esto convirtió toda la cuerda en Honore. No hay subcadenas acaba de convertir la cadena en una matriz. Se puede ver cómo eso sería útil convertir la cadena en una matriz. Ahora probemos esta cuerda, no dividida. Y recuerda, última vez pusimos las cotizaciones con un espacio entre ellas. Probemos las cotizaciones sin espacio y veamos qué pasa. De acuerdo, así que como no pusimos ningún espacio entre ella, se divide cada letra, lo cual es realmente limpio y aquí mismo no va a mostrar todo el asunto. Entonces th i s sub cuerdas son las letras, incluyendo estos espacios. Entonces si abrimos esto, vamos a ver todas estas cartas aquí con espacios incluidos. Hay 54 en la cuerda, así que eso está bastante aseado. Y luego, por supuesto, miramos esta división de punto de cadena y luego ponemos el espacio Esto lo va a dividir en el espacio. Entonces esto va a ser así Esta es su matriz de sub cuerdas. Enfriar. Creo que ya tienes el punto, así que déjame darte un par de cosas que hacer. ¿ Todo bien? Así que prueba esto. Trata de dividirlo en el Kama. Entonces dale una oportunidad a esto. Punto de cadena Coma dividida. Prueba eso, a ver qué obtienes. Está bien. Como viste, no hay comas en el Senado, así que mira este auge. Todo lo que hace es convertir su cadena en una matriz. No hay comentarios, No, dónde dividir. Entonces eso fue bastante tonto. 11 lo. Está bien. Así que prueba esto. Trata de dividirlo en la g. C. Esto es bueno ir. Hay una G para ser divertido buscando. Hay otro G en el método de cadena. Por lo que tres G y el del Senado lo dividieron en el G, ver qué pasa. Está bien, vamos a probarlo. Está bien, así que partió la cuerda en la G y se deshizo de la G. Muy bien, así que lo dividió en la G, sacó la G. Entonces esto es una subcuerda y luego va sin el G. En realidad, hay cuatro inocentes de G así que vamos, acabamos de conseguir el o i n para que puedas dividirlo en las letras. Pero sólo recuerda , quita las letras. Entonces ahora probémoslo con el segundo argumento. Entonces hagámoslo como string dot split g tres. Vamos a perder. Prueba G dos y ve qué da eso. OK, entonces lo dividió en los G's, pero sólo dos veces, ¿ verdad? Entonces aquí es un reto para ti. De acuerdo, esto es realmente bueno. Trata de conseguir esto. Trata de ver si puedes hacer bien. En realidad, déjame darte primero la cuerda. Entonces aquí está la cuerda. Aquí está tu reto Variable tipo complicado de pecado Y pon la palabra Gosh Geo s H ocho veces Ponga eso ocho veces en hit Entrar Quiero que hagas esta frase Di ir, ir, ir, ir, Go! Por lo que quitó la s h de alguna manera y solo hazlo decir, , ve coma, Ve, coma Ve. Ven hace. Por lo que quiero que lo hagas decir esto. Yo quiero que lo hagas. Di eso, A ver si puedes hacerlo. Muy bien, aquí está la respuesta. En caso de que esperemos que tengas eso. Es bastante sencillo. Pero aquí está la respuesta. Si no lo hiciste así voy a poner mi boleto. Tricky es la variable. Yo lo voy a dividir. ¿ Y qué queremos hacer para hacernos un go? Vamos, vamos, vamos. Tenemos que quitar la S h para poder dividirla en la S h. Y recuerda, eso quita la s edad. Entonces vamos a probar esa división en la S h en mi cínico adentro y entrar. Y ahí está. ¡ Vamos, vamos, vamos, vamos, vamos, vamos! Gran trabajo. Creo que lo entiendes. El split significaba que me sentaría a probar algunas cosas más. Es mucho lo que puedes hacer con eso. Se pueden agregar expresiones regulares. Uh, que es realmente aseado, creo que es un pequeño avance para este curso, pero ciudad o dale una oportunidad. Prueba algunas cosas divertidas y creo que te encantará. Ver, en la siguiente lección 3. Día 2: cortar: todo el mundo. Y bienvenidos al Día dos. En esta lección, vamos a aprender sobre el método de corte. Muy bien, ¿Cuál es el método de rebanada? El método slice devuelve los elementos seleccionados en una matriz como un nuevo objeto array. Se reparte lo que se le dice. Entonces tenemos una matriz y queremos cortar los elementos que le decimos que corte. Eso es todo. Por ejemplo, aquí no tenemos array. 0123456 Digamos que queremos cortar un par de elementos y decidimos cortar tres y cuatro. Esto crea un nuevo objeto array con sólo los elementos que cortamos tres y cuatro. Muy bien, muestra, anote la palabra array. Este es un objeto array. Por lo que se trata de rebanadas utilizadas en un aumento. Está bien. El método slice tiene dos parámetros. Comienza un final. Está bien. El inicio. El inicio es donde se quiere iniciar. El extremo de la rebanada es donde quieres terminar la rebanada. Ambos son opcionales. Al igual que en el método split que vimos antes. Ambos son opcionales. Muy bien, entonces el inicio, veamos el parámetro de inicio el parámetro de inicio es un entero, así que va a ser un número. Esto determina por dónde iniciar la selección. El primer elemento del rayo en la matriz tiene un índice de cero, que es normal para JavaScript, el primer índice de la matriz de cero. Y esto es inclusivo. Entonces si empezamos cero, incluimos el índice cero. Empezamos ocho. Incluimos el octavo en siguiente, Entonces el parámetro final es un entero. También, esto determina dónde terminar la selección. Esto no está incluido en el nuevo objeto array. Esto no es inclusivo, lo que significa que el nuevo objeto array no incluye el argumento final. Por lo que el inicio es inclusivo. El final es exclusivo. Entonces son rebanadas justo antes de donde terminamos. Muy bien, hora de llegar a algunos ejemplos. Creo que eso fue bastante sencillo. Es un método bastante sencillo. Entonces, veamos algunos ejemplos. Entonces abre tu consola Js. Probemos esto para que me veas en esta parte porque te voy a dar algo que hacer en un minuto. O puedes trabajar conmigo, lo que sea. Pero voy a crear una variable llamada Array, y voy a crear una matriz. Entonces voy a poner, um, pájaros, árboles, árboles, tierra de peces, Ver en botes. Súper original. Dígame que entre. Muy bien, entonces tenemos una matriz. Uh, así que vamos a probarlo sin poner ningún argumento. Sólo intentemos esto y veamos qué pasa. Array dot Rebanar sin argumentos y entrar. No pasa nada. No iniciamos la rebanada ni en el tamaño en ninguna parte. Para que eso no haga nada. Probemos otra. ¿ Qué tal esto? Array dot Sliced no puede escribir ray dot slice. Y probemos algo así como uno tres. Entonces comenzando en una terminando en tres ahora antes, Si vas a seguir conmigo antes de golpear enter. Piensa en lo que va a pasar. Queremos iniciar la rebanada lo uno. Entonces eso van a ser pájaros. Cero árboles es uno. Entonces vamos a empezar en árboles que sea inclusivo. Entonces vamos a tener árboles, y lo vamos a cortar a las tres. Entonces 01233 es tierra, y eso es exclusivo. Entonces estamos cortando justo antes de eso. Entonces solo vamos a conseguir árboles y peces en esta nueva matriz. Recuerda, este es un nuevo objeto array. Está bien. Está bien. Bien. Entonces es hora de que empieces. Vamos a probarlo juntos, y les voy a dar la oportunidad de ver si pueden resolver algunos de estos. Entonces vamos a crear una nueva matriz. Déjame refrescar mi página, y te daré una nueva tasa de trabajo con tan variable array igual Y digamos, uh, fuego, fuego, agua, hielo, vapor, arena y hierba. Muy bien, esto es con lo que vamos a trabajar. Voy a pegarle a Enter. Muy bien, No tenemos array. Ahora, probemos algunas cosas. Prueba un rayo dot slice cero para empezar en cero. Terminándolo por antes de golpear. Entrar. ¿ Qué crees que va a pasar? Piénsalo y luego inténtalo. Está bien, voy a golpear Enter, y vemos que incluye Empezó fuego, que es el índice cero 01234 La arena es la cuarta, por lo que rebana justo antes de eso. Entonces deberíamos conseguir fuego, agua, hielo y vapor. Eso es lo que conseguimos. Muestra suficiente. El método de corte es muy sencillo, pero es muy importante para que sea algo muy útil. Muy bien, aquí tienes una para ti. Prueba esto. Array dot slice poner nada, coma tres. Entonces sólo vamos a dejar el primer argumento en blanco coma tres. A ver si eso funciona. No hay error. Eso no funciona. Vamos a probar este array dot slice y sólo poner el número tres no golpear. Entrar. ¿ Qué crees que va a pasar aquí? ¿ Crees que eso va a ser un punto de partida o un punto final? Pruébalo y ve qué pasa. Está bien. Entonces voy a golpear enter para ver la respuesta, y es un punto de partida. De acuerdo, Entonces si solo pones un argumento, va a asumir que ese es el punto de partida, porque no quieres terminar en ningún lado. Tú sólo querías todo desde este punto de partida. Entonces array en rodajas tres va a arrancar el 3er 1 Así que dispara agua cero, un hielo al vapor. Tres todo el camino hasta el final. Estima. Hierba de arena. Bien. Gran trabajo. Aquí tienes uno complicado. Cuáles son dos formas de obtener el último elemento de la matriz en Lee, que es hierba Dos maneras diferentes. ¿ Qué opinas? Pruébalo y ¿ves qué? Ve lo que puedes conseguir ahí dos maneras de conseguirlo. Está bien, déjame mostrarte los dos caminos. En primer lugar, debilita, pongamos una rebanada de punto ray y si contamos, queremos conseguir solo hierba. Deberíamos poder decir Fuego 012345 Así que simplemente deberíamos poder poner cinco. Y aquí vamos. Eso es hierba. Bien. Pero hay otra manera, y probablemente ya lo sepas. Si no escuchas es array dot slice negativo uno negativo te da el 1er 1 al final. Está bien, hierba. Está bien. Por lo que también puedes usar uno negativo. Entonces, ¿cómo conseguimos los dos últimos con un número negativo? Piensa en eso. Si el primer argumento es el punto de partida, ¿cómo consigues el último en probarlo? Eso sería arena y hierba. Está bien, déjame mostrarte. O una rebanada de puntos. Si negativo es el 1er 1 ¿qué tal negativo a ser el 2do 1? Y como no estamos poniendo un final terminando rebanada, sólo va a contar el resto de ellos. Entonces probémoslo. Negativo, demasiado impresionante. Arena y hierba. Y aquí está el reto final para ti. ¿ Cómo obtenemos agua para que el agua, hielo y el vapor con dos números negativos. A medida que empiezan los argumentos, un fin. Está bien, así que empezar por fin van a ser demasiado negativos. Números. ¿ Cómo obtenemos sólo agua, Hielo y vapor? Pruébalo. Piénsalo y te daré la respuesta. Está bien. Esperemos que tengas eso. Si no sabías Problema. Es un poco complicado, pero solo hacemos este array dot slice y necesitamos números negativos. Entonces si pastos negativo uno, contemos más. Por lo que queremos conseguir agua, hielo y vapor. Tan negativo uno negativo a negativo tres. Negativo cuatro. Negativo cinco. Por lo que el agua es negativa. Cinco, y queremos rebanarlo en Queremos conseguir agua, hielo y vapor. Queremos rebanarlo. Es vapor. Tan negativo cinco Negativo cuatro. Negativo tres. Y recuerda, tenemos que irnos. Una negativa más también, porque eso es exclusivo. Por lo que también podemos poner negativo. Y golpea, Entra boom agua, hielo y vapor. Por lo que el método de rebanada es bastante sencillo. Espero que eso haya sido de ayuda. Sigue jugando con él. Quédate aquí en Js Cónsul, sigue jugando y solo prueba cosas diferentes y asegúrate de escribirlo todo y estarás súper acostumbrado para cuando termines. Cne Día tres 4. Día 3: sustrato: Hola a todos. Y bienvenidos al tercer día. Para el día tres, vamos a estar aprendiendo tres métodos. Cortar sub string en sub stra o S u B str. Ahora puede que estés pensando Espera, sí rebanamos ya y tres es demasiado para aprender en un día, ¿ verdad? No. Permítanme explicar el método de corte que aprendimos en nuestra última lección fue un método de matriz, pero también se puede usar como método de cadena. La diferencia es que en lugar de rebanar el índice de matriz es tu corte los caracteres de cadena recuerden que tiene dos parámetros comienzan un final y que estos son la posición numérica , comenzando por cero. Muy bien, Así que en lugar de rebanar el array Index es tu corte de los caracteres de cadena, déjame darte un ejemplo. Entonces aquí tenemos una variable llamada string que sostiene esta cadena. Ahora esta es una cuerda para estar rebanando. Esa es su cuerda. Digamos que hicimos string dot rebanada tres y ocho. Por lo que a partir de tres ocho indios, esto nos daría una nueva cadena de espacio de coma th i Ahora pueden notar aquí que el espacio blanco en el Kama están incluidos, así que veamos esto. Por lo que comenzando con la tercera posición. Entonces en un 00 es uno de los dos de W en coma es tres. Entonces empezando por la coma, eso es lo que tenemos aquí Y terminando un ocho Así tres cuatro patas El espacio en blanco 5678 es el s. Así que son rebanadas justo antes de eso. Entonces lo conseguimos igual que este espacio de coma. Th I Bastante simple. Creo que lo entiendes. Por lo tanto, el corte se puede usar como una matriz o cadena. Muy bien, el 2do 1 Ahora éste es súper fácil. Sólo recuerda, esta sub cadena es exactamente la misma rebanada exactamente la misma, con la única diferencia es que no puede aceptar valores negativos. Entonces no, este método, en caso de que lo veas, lo contrario solo usa rebanada. Está bien. Sub string tiene una deficiencia. No se pueden usar valores negativos. Sólo tienes que ir con rebanada. Por lo que sub string es fácil también. Ahora veámoslo. No sé cómo pronuncias este sub stra s u b str. Echemos un vistazo a este. Esa es otra fácil. ¿ Qué es esto? Sólo voy a llamarlo subestructura. Vamos a llamarlo así. ¿ Qué es este método sub stra? El método sub Stra extrae parte de una cadena que comienza en el carácter de la posición especificada y devuelve. El número especificado de caracteres suena mucho a rebanada, pero es un poco diferente. Tiene dos parámetros, no inicio final, sino longitud de inicio. Muy bien, por lo que el sustrato tiene dos parámetros inicio en longitud, el primer parámetro inicio. Este es un parámetro requerido. Tienes que usarlo. Esta es la posición inicial. Recuerda que el primer personaje es cero. Entonces el inicio es igual que la rebanada. El sub stra primer parámetro es inicio requieren. El segundo parámetro longitud es opcional si no pones nada, se va a hacer toda la cadena. Muy bien, entonces la longitud es el número de caracteres a extraer después de la posición inicial. Si está vacío, muestra todos los caracteres después de la muestra de posición inicial. Creo que lo conseguimos. Por lo que es hora de mirar algunos ejemplos. Entonces, como siempre, vamos a la consola Js y hagamos un poco de trabajo. Está bien, entonces en este punto, sólo podrías cuidarme. Puedes, um, participar si quieres. Te voy a dar algunos retos en un minuto, pero sólo te voy a mostrar algunas cosas. Entonces digamos que tenemos una cadena de costo variable que dice Este es el día tres y vamos a intentarlo. Probemos esto string dot sub stra y pongamos uno y tres Así que antes de golpear Enter, pensemos en esto. Por lo que empezar por la única posición que va a ser la T A cero h es una. Entonces va a empezar con H y ahí van a contar tres espacios y hay que contar la H también. Por lo que la longitud es de tres. Asegúrate de contar ese punto de partida, así lo inicia H en condado. A partir de la edad, conseguimos h uno yo dos s tres Así tres espacios y pegó entrar h I s maravilloso. Entonces recuerda, si comienzas en un número en cuentas una cierta cantidad, ese número es el primer conteo. Está bien, déjame mostrarte eso otra vez. Ah, string sub stra y hagamos algo diferente. Sí queremos cero y está bien, Así que cero es la t Así que vamos a contar, empezando por la t Así 12345 es el espacio en blanco 678 es el espacio en blanco y eso es lo que tenemos esto es bastante simple. Pero solo recuerda cuando cuentes el enlace para asegurarte de contar que iniciarlos personaje es Bueno, bien, Ahora vamos a probar esto. Uh, string sub strah. Y entonces sólo pongamos un número ahí dentro. ¿ Qué crees que va a pasar si solo ponemos el número seis? Creo que va a ser el punto inicial o el final. Bueno, recuerda, se requiere el inicio, así que estoy pensando que va a ser el inicio y acaba de devolver el resto de las letras en la cuerda. Y eso es exactamente lo que ISS así inicia en el S. Así que empezando en la posición seis, Así que t siendo 00123456 es el s y luego el resto de la cuerda. Tan simple lo suficientemente. Está bien, hora de que pruebes algunos ejercicios. Tengo unas cuantas para ti. Entonces vamos a hacer una nueva cadena variable variable. Y ahora es mi turno. Whoops. Volteó para probarlo. Así que adelante y teclea esa cuerda y déjame darte algunos ejercicios. Ejercicio uno. Trata de producir Onley una nueva cadena de out. Ver esta palabra al final de la frase. Trata de producir una nueva cuerda con sólo esa palabra fuera. Está bien, así es como lo vamos a hacer. Por lo que sustrato de cuerdas. Y luego vamos a empezar todo el camino en el Oh, así que vamos a ver cómo vamos a hacer esto. Entonces, al ser 00123456 ¿Recuerdas el apóstrofe contrarrestado? 789 10 11 12 13 14 15 16 17 18 1920 2122 23 24 25 26 27. Entonces vamos a empezar a los 27 y no queremos incluir el periodo. Entonces eso va a ser 27. Y vamos a ir esta longitud empezando por el 123 Así que vamos a poner 27 en tres, y sólo deberíamos sacar la voz. Ahí vamos. Espero que tengas eso bien. Ejercicio, también. Trata de producir en Lee, el último té de toda la cuerda usando un número negativo. Está bien. No olvides ese periodo ahí. A ver si puedes descifrar ese fuera. ¿ Todo bien? Entonces si el periodo no fuera ahí sería sencillo. Simplemente usamos uno negativo, pero queremos conseguir sólo el té. Por lo que necesitamos hacer algo como este sustrato de String. Y luego vamos a hacer un negativo a dos comenzó esa T Y sólo queremos tomar un personaje, así que no queremos incluir ese periodo. Entonces vamos a poner negativo dos y luego solo uno y pegarle. Entrar. Y ahí vamos. Nos dieron el té, Esperemos que eso también lo hiciera bien. Muy bien, ejercita tres en la cuerda anterior aquí arriba. Ahora me toca probarlo en la cadena anterior, empezar con la letra m de mi y extraer y extraer todos los caracteres hasta que los estén en intento. Así que empieza con la M justo aquí y extrae todos los personajes a los son. ¿ Y por qué? Por lo que tanto. A ver si puedes extraer esa gran parte de esta cadena. Está bien, vamos a contar. En ser 00123456 apóstrofe. 789 Así que vamos a empezar a las nueve. Nueve y queremos ir al son. Entonces el nueve es el M, así que vamos a empezar a contar aquí. 123456789 10 11 12 13 Así que nueve iniciaron el noveno índice y van 13 por longitud. Y a ver lo que obtenemos Mi turno a TR parar hasta que estén. No te dije que excluyeras o incluyeras el Are lo incluí si lo excluiste. A lo mejor lo entendiste así. De cualquier manera, tienes el punto. Ahora el último ejercicio Comience con cero iniciado. Así que empieza justo aquí al principio y extrae todos los personajes hasta el s en la palabra es Esto significa detenerse e incluir el apóstrofo. Entonces éste hasta s así vas a rebanar justo antes de la s y justo dentro con el apóstrofo. Entonces déjame decirlo otra vez. Empezó cero e ir todo el camino hasta la S en su pero excluyendo el s. Muy bien. Está bien. Echemos un vistazo a cómo hacer esto. Entonces empezando en cero cero y hasta el apóstrofe en él, Así cero Ahora vamos a empezar a contar. 1234567 Así que vamos a ir siete espacios y terminó. Ahora es apóstrofe. Entonces creo que tienes el punto. Quedate por ahí y pruébalo. Es un gran método para saber que es una buena manera de extraer caracteres de una cadena y usar los que necesitas, así que ojalá eso ayude. CNE Día cuatro. 5. Día 4: únete: Oigan, chicos. Bienvenido. día de hoy, cuatro. Hoy vamos a aprender a los métodos revertir. Disfrutando. Está bien. El primer método es el método inverso. Este es un método de array javascript. Tenga en cuenta la palabra array. El método inverso simplemente invierte el orden de una matriz. No tiene parámetros. Simplemente se invierte. Permítanme mostrarles algunos ejemplos. Entonces abre tu consola de jazz y déjame mostrarte algunos ejemplos del método inverso. Y vamos a hacer esto. Vamos a hacer reversa. Te voy a mostrar algunos ejemplos a los que vamos a hacer unirnos. Te voy a mostrar un par de ejemplos, y luego haremos algunos retos generales. Entonces vamos a probar esto para que puedas volver a ver antes de que puedas participar de cualquier manera, Así que aquí hay una variable llamada Array, y dentro de ella, voy a poner algunas letras. ¿ Qué tal, eh, bar e t ti? Él y oh, ya veo. Muy bien, Así que voy a golpear enter y simplemente voy a revertir. Entonces no tenemos array aquí con una matriz de sub cadenas. Muy bien, así que tenemos un montón de pequeñas cuerdas en la matriz. Um, así que tenemos índice 012 bla, bla, bla. Todo lo que vamos a hacer es revertir esto. Tan muy sencillo. No hay argumentos. Acabas de golpear array dot Reverse bam! Y tienes computadora. Está bien. Bastante puntito, ¿eh? Muy bien, así que simplemente se lo quitamos array, y lo invertimos. Eso es todo, Eso es todo. revés le va bien, Seymour el uso de Mawr aquí en un minuto. Pero por ahora, saltemos a su siguiente método. Muy bien, Tu siguiente método es el método de unión. El método join se une a los elementos de una matriz. Entonces esta es también una matriz de la que estamos hablando. Se une a los elementos de una matriz en una cadena y devuelve una cadena. Muy bien, así que toma los elementos de una matriz, los une en una cadena en, solo devuelve la cadena lo suficientemente simple. Cuenta con un separador de parámetros. Este parámetro donde se especifica lo que se desea. Los elementos por los que se separarán. Esto lo tengo. Esta es opción. Quise decir que esto es opcional, no opción en el valor predeterminado es la coma. Entonces es hora de algunos ejemplos, y luego saltaremos a algunos retos. Entonces veamos volver a unir a la consola de Js y veremos cómo funciona esto. Muy bien, así que vamos a hacer otra variable llamada Array y vamos a poner, um, vamos a usar nuestra matriz de hace un minuto. Sólo puedo apretar el botón de arriba. Y en realidad donde necesitamos hacer eso, todavía está definido. Vamos a asegurarnos, está bien, sí. Por lo que todavía tenemos el array inverso. Volvamos a revertirlo a donde lo teníamos al inicio. Está bien, ahí vamos. Por lo que tenemos nuestra computadora de trabajo al revés. Ahora tomemos esto Disfrutándolo. No pongamos un separador. Vamos a poner um, array dot join y ver qué pasa. Boom. Entonces tenemos esa matriz y la une, uh, en una cadena separada por comas. Recuerda, la coma es predeterminada. Entonces no pusimos ningún separador como argumento, por lo que usó la coma. Entonces probemos esto. Veamos que Ray todavía existe porque crea una nueva cuerda. Ahora probemos este array dot Unirse y luego pongamos un separador aquí. ¿ Qué tal sólo un guión? A ver cómo se ve eso. Está bien. Lo mismo, Pero sin la coma, tenemos un guión. ¿ Quieres espacios entre las letras? ¿ Qué tal esto? Punto arrayed Unirse Pon un espacio ahí. Y ahora tenemos espacios entre ella. Maravilloso. Realmente genial. Ahora puedes experimentar. Puedes usar una pipa. Puedes usar algunas letras. Se pueden poner algunos símbolos. Aquí tienes un reto para ti. Trata de conseguir esto. Déjame refrescar mi página. Aquí tienes un buen reto para ti. Trata de llegar tan lejos. Eso fue difícil de hablar. Está bien, mira esto aquí. Trata de conseguir esto. Está bien. Entonces déjame solo conseguir que esto va a ser un error. Entonces aquí están sus esperanzas de matriz. Donde sea que ya no defina, ver si podemos traerlo de nuevo golpeando al Kia arriba. Entonces aquí está nuestro rayo. Trata de conseguir esto aquí arriba, a ver si puedes conseguir esto. Entonces nos vamos a separar por algo, y queremos asegurarnos de que pongas el espacio ahí. Pruébalo. Está bien. Ese fue un poco complicado, pero déjame mostrarte cómo hacerlo. Si no lo conseguiste. Qué tal este array dot Unirse. Y luego parece que son separadores van a ser este soporte de espacio de soporte. Probemos eso. Aquí vamos. Sí. Por lo que acabamos de separar por espacio de soporte atrás. Muy bien, Así que aquí está tu reto para hoy. Tratemos de combinar algunas cosas para un reto. Recuerda el método de rebanada. Recuerda, se necesitan dos argumentos. Separador y límite. Aquí tienes tu reto para hoy. Toma esta cuerda. Ups. T n E l l E c xy Esta es la palabra excelente. Al revés. Toma esta cuerda en, Invertirla en una nueva cuerda. Excelente. Ahora podrías estar pensando, Oye, yo podría revertirlo, pero no puedes. En realidad tienes que usar el método de corte, el método inverso y el método de articulación. Entonces déjame que empiece aquí. Vamos a crear una cadena dividida variable y que sea igual a la palabra Excelente hacia atrás, que es t n e l E c x e. todo bien. Entonces hagamos de esto nuestro punto de partida y veamos si puedes tomar la cuerda y revertirla a la nueva cuerda. Excelente. Y te mostraré la respuesta en un minuto. Pero intentaron primero, claro. Está bien. Esperemos que tengas eso. Si no sabías problemas, vamos a trabajar a través de ello ahora, así que tenemos una cadena dividida variable con la palabra excelente al revés. Vamos a golpear interno y Lo primero que queremos hacer es que queremos dividir los caracteres de esta cadena en elementos de matriz. Muy bien, ¿cómo hacemos eso? Hacemos eso con split, así que vamos a probarlo. En primer lugar, vamos a crear una variable para esto. Entonces, ¿qué tal Element Array? Y digamos split spring dot split. Entonces vamos a usar el método split. Y recuerda, queremos que se muestre por cada letra. Por lo que debilitar sólo poner es argumento de aire dos comillas. No hay espacio entre estos, así que lo va a dividir cada letra y golpear Enter. Entonces vamos a ver cómo se ve eso. Array de elementos. Muy bien, tenemos la palabra excelente al revés ya no como una cadena, sino que es mejor como una matriz de sub cadenas. Está bien, así que cada hinchazón de letras se rompe en una cuerda. Entonces tenemos esta matriz al revés. ¿ Qué crees que tenemos que hacer a continuación? Podemos tomarlo y revertirlo. Entonces vamos a crear una variable. Llamémoslo invertido. Array es igual a elemento array dot Reverse. Esto debería revertir su matriz. A ver cómo se ve. Está bien. Excelente. Tenemos la matriz ahora invertida de excelente Así que lo último que necesitamos hacer es tomar estas subcadenas y unirlas en una sola cadena. Ahora, ¿cómo hacemos eso? Recuerde, el método joint une los elementos de una matriz en una cadena y devuelve una cadena. Y recuerda, tiene un parámetro el separador. Este parámetro es donde especificas por qué quieres que se separen los elementos. Entonces, ¿qué queremos? Los elementos aquí para ser separados por Nada. Porque queríamos ser una cuerda. No queremos ningún espacio. Entonces simplemente vamos a poner revertir el punto ray Join y no queremos que sea separado por nada. Entonces solo vamos a poner pro quote nada ahí. Sin comas, sin pipas, nada. Y esperamos que tengamos que definirlo. Entonces, variable. Llamemos a esto, um, únete. Array es igual y vamos a golpear esto. Entonces nos estamos uniendo. Muy bien, veamos cómo se ve eso. Y ahí lo tenemos. Esa es su cuerda. Excelente. Entonces usamos rebanada, vamos al revés, usamos join, y tenemos la cadena. Gran trabajo. Ahora aquí tienes un reto extra para ti. Está bien. ¿ Estás listo para un reto de bonificación. Prueba esto. Entonces toma esta cuerda. Voy a crear una variable y simplemente llamarla hoy. Toma esta cuerda hoy Trabaja muy bien. Toma esta cuerda y reviértela en una nueva cuerda diciendo gran trabajo hoy. Ahora ésta es un poco diferente porque tienes un Tienes tres palabras con un espacio entre ellas. Así que tómese un poco de tiempo para pensar en eso y tratar de trabajar a través de él. Si no puedes conseguirlo, no hay problemas. Vuelve y caminaremos por ella juntos. ¿ Todo bien? Esperemos que tengas eso. Entonces déjame pegarle. Regresa aquí. Ahora, ¿qué no hacemos? ¿ Qué queremos hacer? Queremos dividir esto en una matriz, por supuesto. Pero, ¿qué queremos dividirlo? ¿ En dónde queremos dividirlo? Entonces vamos a crear una variable. Y deberíamos simplemente llamarlo lo mismo que Element array es igual hoy. Y recuerda, última vez que lo dividimos por cada letra esta, queremos dividirnos por cada palabra para que podamos decir hoy punto split y luego ponemos comillas, cita espacial. Entonces lo va a dividir en los espacios, así que lo va a dividir por cada palabra. Entonces tuvimos entrar y vamos a ver cómo se ve eso. Array de elementos. De acuerdo, entonces tienes una matriz de sub cuerdas. Las tres palabras. Ahora, ¿qué hacemos? Nosotros lo invertimos. Esta parte variable sencilla revertió la lluvia y puedes nombrar tu variable lo que quieras . Invertir el raying elemento relevante array dot revertir y golpear retorno y vamos a ver cómo se ve eso. Muy bien, entonces ahora tenemos un array con sus tres palabras La forma correcta Ahora invertido. Lo último que tenemos que hacer es unirnos a esto, pero necesitamos unirnos a él. Por lo que todavía tiene estos espacios ahí. Entonces vamos a crear una variable llamada Join Array. Y queremos sumarnos a esto revertir la carrera. Entonces hagámoslo conjunto de puntos de matriz invertida. ¿ Y qué queremos que sea nuestro separador? Por supuesto, Un espacio. Entonces vamos a poner cotización cotización espacio y esto debería volver a juntarnos. A ver, ahí es un gran trabajo hoy. Esperemos que eso fuera emocionante. El método join in the reverse se utilizan mucho para tomar algún tiempo para ponerse cómodo con él . Y nos vemos Día cinco 6. Día 5: cambio, descambio, pop, empuje: Oigan, chicos. Y bienvenidos al Día cinco. Hoy vamos a aprender cuatro métodos turno inseguro ift pop y push. Suena como mucho, pero están muy relacionados. Entonces vamos a saltar a un aumento y cubrir algunos métodos fundamentales de array que usarás mucho. De acuerdo, Tienes que acostumbrarte a estos cuatro métodos. Ahora, tal vez pienses que ya conoces estos, pero ten la seguridad, hay un par de cosas que tienes que pastar antes de poder reclamar esto, te explicaré. Está bien. Thes metanfetaminas. Estos métodos, como mencionamos o pop push, shift y on shift aquí, es un diagrama sencillo que explica lo esencial del mismo. Por lo que aquí tenemos una variable de aves que sostiene una variedad de aves. Entonces hay cinco pájaros en desorden Lo vemos al frente de la matriz. Tenemos un cambio en un método inseguro de si, por lo que el cambio en turno de la ONU tiene que ver con el frente de la matriz. El turno es quitar un elemento de la matriz. Sin vaina es poner un elemento en el frente de una matriz. Por aquí al final, tenemos pop y push. Pop es eliminar un elemento del final de la matriz empuja poner un elemento en el extremo de una matriz. Entonces me gusta recordar esto porque si lo piensas, si algo cambia, si cambias algo hacia abajo, entonces todo se mueve hacia abajo. Entonces me gusta decir si cambio algo fuera de la matriz fuera del frente, el resto de los elementos se van a mover hacia abajo también. Entonces así es como recuerdo que Shift estaba en el frente si sabes que, ya sabes, uno turnos, también están estallando. Empuja ambos siendo guisantes. Puedes recordar que los guisantes o al final, también puedes recordar que vamos a estallar el final de la matriz. Entonces hay muchas cosas que puedes hacer para recordar esto, pero esta es la clave básica de ello en un diagrama. Está bien, entonces turno y en turno, vamos a hablar de estos dos. En primer lugar, ese método de desplazamiento elimina el primer elemento de matriz en desplaza todos los demás elementos a un índice inferior. Entonces estás quitando cero. Estás eliminando ese primer elemento de matriz en todos los demás. Desplazarse hacia abajo uno simple. Está bien, pero hay algunas cosas que anotar y déjame explicar con un ejemplo. Entonces salgamos de aquí y abramos su consola Js que hemos estado usando todo este tiempo Js console dot com y voy a crear una matriz llamada Ray. Y voy a poner en ella algunos números de uno a tres, para Muy bien, voy a poner del uno al seis en esto un golpe de lluvia. Entrar. Ahora. Echa un vistazo a esto. Lo que quiero hacer si quiero eliminar el primer elemento con uno, simplemente pongo matriz dot shift, y esto eliminará el primer elemento de la matriz. Entonces déjame golpear, regresar y mirar lo que pasa. Devuelve el primer elemento uno. Entonces me dice aquí mismo. Este es el elemento que eliminé. Entonces recuerda que el método shift devuelve el elemento eliminado. Entonces si reviso mi matriz ahora, le va a faltar el uno y todo lo demás se deslizó hacia abajo, se desplazó hacia abajo. Está bien, así que piensa en esto. ¿ Y si queremos añadir ese de nuevo ahí o qué? Queremos poner como otro elemento, como 100 o 500 o tres o algo así? Y si queremos sumar. Vamos a quedarnos con uno. ¿ Y si queremos agregar el de nuevo al frente de la matriz? Simplemente basta con poner array dot invistable ift. ¿ Y qué queremos? IFT inseguro. Queremos no estar seguros si uno por lo que esto pondrá el de nuevo en la parte frontal de la matriz. Ahora ve qué más pasa cuando golpeo. Enter it devuelve la cantidad de elementos en la matriz. Volveré a eso. Entonces veamos el aire ahora mismo, y uno está de vuelta ahí. Entonces cambiamos el primer elemento con Shift, y lo destamizamos poniéndolo de nuevo. Muy sencillo. Hablemos de este número realmente rápido. Esa es una característica realmente genial para tener en tu kit de herramientas de desarrollador. Está bien, si si, si no tienes array y hay toneladas de elementos y eres como cuántos elementos aire hay, puedes conseguirlo tan rápido simplemente poniendo array dot sin tamizar en poner Nada es tu , por lo que no se va a poner nada. Simplemente va a devolver la cantidad en la matriz, Así que golpeé Retorno seis. Impresionante herramienta tohave array o variable dot unshowy ift ningún parámetro, y eso te devolverá la cantidad de elementos y una matriz. Tan solo piensa cómo podría usarse eso. Está bien, está bien. Entonces volvamos a nuestro punto de poder aquí. Volvemos a empezar esto y vamos a pasar a los otros dos métodos. Un cambio en sin tamizar fácil. Pasemos al pop y empujemos. Por lo que desplazado en turno es la parte delantera de la matriz. Pop and push es el final de la gama. Piensa en sostener el array en tus manos y hacer estallar el final. Recuerda eso, y lo seguiremos. Ambos guisantes se referían al final del arbusto lluvioso, estallando. Pero si se tomó tiempo para entender, cambiar en un turno, entonces les resultará demasiado fáciles. El método pot regresa en un método ray que ha estallado fuera del final del rango. Entonces si conoces un turno en un turno, es lo mismo para el pop y el push. Entonces déjame mostrarte eso. Entonces volvamos a nuestra consola Js y hagamos esto. Mantengamos la misma matriz. En realidad, voy a copiar esto y refrescar mi página para poder empezar desde arriba y voy a volver a poner en el mismo array. Puedes dejarlo si quieres. Así que vamos a probar este array dot pop, Esto va a hacer estallar los seis justo fuera del arreglo por lo que ray dot pop y devuelve el elemento array. Al igual que lo hizo el turno, ray dot pop. Y déjame revisar mi matriz. Ahora ya se ha ido. Entonces tengo 12345 El seis está fuera de ahí. Entonces, ¿cómo hacer qué haría si quiero volver a poner los seis o si quiero agregar algo más largo y simplemente pongo un rayo dot push Esto lo empuja de nuevo hasta el final y voy a decir, seis hit enter y debería devolver la cantidad de elementos en la matriz. Impresionante. Entonces echemos un vistazo a un rayo. Aquí vamos. Tenemos de uno a seis otra vez y debilitamos. Usa lo mismo para obtener el número A de elementos una matriz por lo que array dot push sin parámetro. Y solo te dice hey, seis elementos bajo la lluvia y el método push es súper importante porque muchas veces ejecutas bucles en JavaScript en cada bucle, vas a empujar un elemento en dos. El final de una matriz. Entonces recuerda que uno, sobre todo de los cuatro de estos, Pero vas a estar usando los cuatro. Entonces eso es todo por hoy. Este estos aire Cuatro Métodos muy simples. Y, um, espero que hayan sido de ayuda. Y te veré en el día seis. 7. Día 6 de charAt, índice, lastIndexOf: Está bien, todos y bienvenidos hoy, seis. hoy lo vamos a volver a cambiar. Dos cuerdas. Estábamos en un aumento. Vamos a cambiar de nuevo dos cuerdas y hacer una pequeña búsqueda. Por lo que hoy tenemos tres métodos estaban mirando el char en Método, el índice de Método en el último índice apagado. Entonces veamos el gráfico en Método. El char en Método devuelve el carácter en un índice especificado de una cadena. Tiene un índice de parámetros. Entonces donde parámetro es una posición de índice y devuelve la letra en esa posición Así podemos decir char a los 15. Y va a devolver el personaje en el índice 15 porque HR a las tres va a devolver el personaje en el índice tres. Está bien, Así que sólo recuerda esto. ¿ Qué posición es tal en tal personaje en Char At Manera bastante fácil de recordarlo. ¿ En qué posición está tal y tal carácter? Usemos el char at método. Entonces echemos un vistazo rápido a eso. Entonces vamos a la consola de Js y déjame poner una cuerda aquí para que jueguemos. Entonces aquí es voy a decir posición variable igual. Digamos que quiero buscar posiciones dentro de esta cadena y aquí es lo sencillo es este método. Entonces puedo decir posición punto HR en qué personaje está en el índice 15 y se va a devolver el personaje en el índice 15 que es una h ah shar posición en el índice tres y me va a decir , vamos a contar y ver yo cero Así 012 tres Así que debería estar en un Sí, ellos Así que todo lo que estamos haciendo aquí es que estamos diciendo, ¿Qué personaje es ese? Este índice que especificamos es un parámetro. Está bien, creo que lo tienes. Ahora sigamos adelante. Muy bien, Justo después de eso, vamos a ver el índice de Método. Ahora echa un vistazo a esto. Donde char at nos da el valor de la posición que pasamos. Un índice de argumentos de nos da la posición de un valor. lo que en una instancia estaban consiguiendo el personaje en y en la otra. Estamos sacando el índice, así que los métodos te dicen lo que hacen. Uno de ellos estaba consiguiendo el personaje en el otro. Estamos sacando el índice. Como se puede decir, se necesita mientras se necesitan dos argumentos. El 1er 1 que ya conoces el 1er 1 es el valor de búsqueda. El string que buscaban So index off. Y podemos decir que estoy buscando la carta. A. Se puede decir que estoy buscando un espacio. Se podría decir que estoy buscando, um, barcos o cualquier palabra que se pudiera decir que estoy buscando la computadora o buscar la computadora es agradable. Se puede buscar cualquier cadena con este primer valor. El segundo valor, sin embargo, es opcional. Y este es el índice inicial. Entonces este es el índice desde donde vamos a iniciar la búsqueda. Entonces puedes decir que quiero buscar este valor, pero quiero empezar en este punto de la cadena en después de todo, Correcto, Correcto, así que indexar a dos parámetros. Valor de búsqueda e índice de inicio. Entonces, solo tomemos un ejemplo. Tómese un tiempo para mirar esto. Creo que vas a conseguir así que voy a despejar la consola aquí y voy a crear otra cuerda. Digamos que el sueño variable es igual. Me voy a ir a dormir después de esto, que me golpean. Entrar. Muy bien, así que vamos a probar el índice del Método Celeste. Prueba índice de punto de sueño de y digamos la palabra G. Whoops. Es una cuerda. ¿ Cuál es el índice de G cinco? Entonces este G de aquí es un índice cinco. Probemos una palabra fuera Así que el punto de sueño índice de Vamos a probar la palabra yendo. ¿ Qué opinas? ¿ Vamos a conseguir cinco otra vez? Si pones una palabra o una frase o algo así, te va a dar el índice del inicio de eso. Entonces la G es la primera letra de ir, así que nos va a dar eso, y no nos va a dar el segundo G. Es búsquedas de ese personaje en retornos, la primera instancia del mismo desde la izquierda. Entonces probemos el segundo argumento porque creo que entiendes lo que tenemos pasando. Ahora vamos a probar el segundo argumento Así que dormir punto índice de y digamos la palabra a T O. A partir del Índice cinco acaba de golpear aleatoriamente retorno y vamos a conseguir 11. Entonces vamos a ver. ¿ Qué es? Índice cinco ojos lo. 0012345 Así que el G así va a empezar justo aquí en la G en marcha. El primer suceso hasta después de eso está aquí, y eso está en el índice 11. Por lo que no lo cuenta desde su posición inicial sigue siendo el índice de la cadena. Pero sólo cuenta los personajes después del valor inicial del aire. Por lo que obtenemos 11 porque la primera ocurrencia de dos después del índice cinco viene la posición de índice 11. Pero espera, Por qué la primera ocurrencia de a qué si queremos conseguir la última ocurrencia de dos después de cinco . Entonces si ves en su sentencia, nosotros también tenemos esto. Y eso también tenemos la palabra a dos veces para conseguir la última ocurrencia tenemos que usarte. Adivina último índice apagado. Ahora echemos un vistazo a eso de verdad rápido porque éste es un poco más complicado. Y te diré por qué en un minuto. Muy bien, último índice del último índice del método devuelve la posición de la última ocurrencia de un valor especificado en una cadena. Entonces si quisieras conseguir los dos últimos en esa frase, usaríamos último índice de ahora mejor. Te muestro éste porque algo te va a tropezar porque me hace subir todo el tiempo. Entonces volvamos a la consola Js y vamos a mantener esta misma variable aparece el sueño y vamos a probarlo. Por lo que legatus sleep dot último índice de y pongamos dos y golpeemos Enter 17. Ahora vamos a contar. Empezándolo tampoco. Índice cero. Por lo que 0123456789 10 11 12 13 14 15 16 17. Entonces nos está dando la última ocurrencia de dos. Eso es aseado, ¿eh? No queremos conseguir el pie. Queremos obtener el 1er 1 que utilizamos. Indice arriba. Queremos conseguir el último que usamos Last index arriba. Voy a revisar esto. Aquí es donde las cosas se ponen difíciles. Aquí tienes un reto para ti. Trata de obtener la última ocurrencia de la letra G después de la posición del índice para así comenzar en la posición del índice para obtener la última ocurrencia de la letra G. Muy bien, ahora probablemente te estés preguntando por qué te dieron una negativa. Por lo que probablemente pones punto de sueño último índice de y G empezando en índice a y golpeas enter y hay uno negativo. Cuando sucedió el mundo, eso es correcto, Ya sabes, eso es lo que pensarías hacer. Pero aquí está la cosa. Déjame explicarte. El último índice de método en realidad cuenta al revés, pero regresa a nosotros, el índice comenzando por el principio. Por lo que todavía nos da el índice a partir del principio, pero en realidad cuenta al revés. Entonces en el ejemplo aquí, punto de sueño índice duradero de G iniciando un índice a él comenzó en el segundo índice. Entonces 012 Así que los segundos índices A. Si empiezas a contar desde el segundo índice, sólo va a contar el espacio porque, recuerda es contar a la izquierda. Va a contar el espacio en el ojo. En ese caso, no hay g. Así que te dieron uno negativo porque no hay g encontrado. Por lo que hay que recordar cuando se usa el último índice de cuándo se quiere usar un índice inicial, es contar a la izquierda. Lo que te gustaría hacer es que te gustaría decir algo como dormir punto último índice de G y simplemente ir con eso y te dirá 14 así que 14 va a estar aquí, así que solo podrías hacer eso. No especifique índice inicial, o podría comenzar desde alguna letra al final de la cadena, digamos como, 28. Por lo que se podría decir, um, dormir último índice de G 28. Y eso va a empezar a contar desde lo que sea el índice 28 de al final a la izquierda. Por lo que todavía va a encontrar lo correcto, así que aún debemos conseguir 14. Entonces no sé si usas el último índice hacia arriba. Quizás no utilices el valor inicial ni lo practiques y sepas cómo funciona bien el valor inicial para ti. Entonces déjame darte otro reto, y esto es algo que puedes seguir por tu cuenta. Está bien, aquí hay algo que puedes revisar por tu cuenta. Aquí te dejamos un gráfico de NDN que deberías poder seguir junto con ahora. Y este es tu reto para el día. Si luchas con esto de alguna manera, siéntete libre de volver sobre lo anterior hasta que puedas arreglarlo. Entonces, ¿puedes comprender este gráfico? ¿ Ahora? Si puedes mirar a través de esto y decir: Oye, Oye, ya lo entiendo, entonces sigue adelante. De no ser así, vuelve y vuelve a pasar por él. Entonces, ¿puedes comprender este gráfico? Paul es tu video y míralo y mira si todo tiene sentido para ti. Muy bien, aquí hay una nota al margen, y esto es algo que realmente es útil. Esto es sólo un consejo extra para la lección. Si la cadena que estás buscando no existe, entonces en nuestra cuerda me voy a ir a dormir después de esto. Si buscamos, como McDonald's, mostraría uno negativo, porque eso no existe en la cuerda. Por lo que esta es una gran manera de comprobar si existe algo en una cadena. De acuerdo, entonces si quieres revisar, si tienes una cuerda, tú y quieres revisar. Si algún personaje existe, entonces puedes buscar ese personaje. Y si devuelve uno negativo, no lo es. No existe. Además, el mismo método índice off se puede utilizar de la misma manera con un aumento. Este es un gran método para buscar de Ray's para ver que existen valores comprobando para ver si es igual a uno negativo. Entonces quieres saber Hey, es Billy Bob, un usuario en sistema de aire, y los usuarios se mantienen en una matriz se puede decir índice de Billy Bob. Y si vuelve, negativo uno que, no, no está en el sistema. Entonces eso es muy útil usar index off para ver si algo existe o no. Creo que ese es un consejo genial, y creo que es algo más que puedes agregar a tu caja de herramientas, bien, y creo que eso es suficiente por hoy. Nos vemos en el Día siete. 8. Día 7: cuerda, toString, a toString, a los toFixed, número, Number, parseFloat: Hola a todos. Y bienvenidos al día siete. Ahora, antes de meternos en algunas de las cosas más complejas, necesitamos echar un vistazo rápido a algunos métodos numéricos. Y lo haremos hoy y en la siguiente lección. Estos son muy importantes, y estos son los que usarás con frecuencia. Está bien, así que hoy estaremos viendo un puñado. Muy bien, tenemos la cuerda de s mayúscula. Conseguimos las dos cadenas a capital fijo en número, Parse, float y parse int. Tal vez estés diciendo, ¿qué? ¿ Por qué tantos? Bueno, porque son bastante fáciles, y creo que puedes manejarlo, Así que vamos a rodar. Entonces lo vamos a romper todo en dos campamentos para que sea más comprensible. Ahí dos campamentos aquí. Hay una conversión de números, dos cadenas, y luego hay conversión de cadenas a números. Entonces, en primer lugar, veamos la conversión de números. Dos cuerdas. Entonces hay momentos en los que necesitas convertir un número en una cadena, y va a haber muchas veces que necesitas hacer eso. En realidad, um, cuando estás trabajando en proyectos, a veces no aceptan números, solo aceptan cadenas, y necesitas poner algo ahí dentro. Entonces cuando pasas eso pasa como una cuerda. Por lo que necesitas estas funciones y son realmente fáciles. Entonces echemos un vistazo. Entonces lo primero que vamos a ver es demasiado string y mayúscula s string. Entonces para cadena es un método Capital s string es en realidad una función, pero quería incluirlo aquí de todos modos, Así que para string y string, ambos convierten un número a una cadena. Eso es todo lo que hacen que conviertan un número en una cadena. Entonces, veamos un ejemplo de ambos. Así que vamos a ir a donde consola Js y vamos a crear Ah, variable Y solo llámalo número dos cadena y ponerlo en 500. Este es un número. Podemos confirmar que con tipo de cadena número dos y nos dice Hey, este es un número. Por lo que tenemos un número aquí almacenado en una variable. Entonces lo primero que vamos a intentar es el método to string. Entonces vamos a crear una variable llamada nueva cadena y vamos a convertir. Así que número dos cadena punto a cadena. Es ese simple retorno y ahora veremos qué dice nuestra nueva cadena ahora es la cadena 500 no el número. Y podemos comprobar eso diciendo tipo de cadena nueva y nos dice que la cadena. Entonces eso es simple. Tomamos un punto numeral a string y lo convierte en una cadena. Ahora probemos con el otro. El string mayúscula s. Esta es un poco diferente porque es una función, pero es una simple como esta. Por lo tanto Número dos cadena. Muy bien, entonces tenemos nuestro número 500. Todo lo que hacemos es decir string y dentro de los paréntesis ponemos aire lo que queremos convertir. Entonces esa es la cuerda número dos y acaba de golpear Enter Y ahí vamos. Convertimos el número 500 a la cadena 500 por lo que a cadena en cadena son simples. Convierten números dos cadenas. Entonces volvamos atrás y miremos este próximo, que le tiene un poco de matiz. Por lo que nuestro tercer método de números dos cadenas es el método de dos fijos. ¿ Cuál es el método de dos fijos? El método de dos fijos hace lo mismo que a string, pero devuelve la cadena con un número establecido de decimales que pasaría como argumento . El más utilizado es el formato de dinero, que es de dos decimales. Vamos a probarlo. Así que abre de nuevo tu consola Js y pulsa refrescar para obtener una página nueva. Y probemos esto. El dinero variable equivale a tres tipos de dinero. Esto nos va a decir que es un número, así que tenemos el dinero variable que equivale al número tres. Entonces digamos, Hey, necesitamos que esos tres estén en formato de dinero con dos decimales. Es un simple ¿es esto? Y vamos a crear una variable para esto, um, digamos cadena de dinero y es un simple ¿Es este punto de dinero para arreglar ahora? ¿ Cuántos decimales queremos? Nosotros queremos. Ese es el formato del dinero. Entonces acabamos de pasar dos como argumento. Eso es todo lo que está hit return. Y ahora vemos que Air tres es ahora 3.0 una cuerda. Por lo que convertimos tres en una cadena en agregados dos decimales. Ahora, claro, podemos hacer, um, um, dinero punto a fijo y poner cuatro decimales. Si queremos hit return y ahí tenemos cuatro ceros. Aquí tienes un reto para ti. Aquí te presentamos un reto para que compruebes el dinero variable y hagámoslo establecido en 3.22 Así que primer lugar, ¿y si ponemos dinero punto dos? Fijo cuatro. ¿ Qué va a pasar aquí? Bueno, va a decir 3.2200 Así que sólo va a sumar los ceros a los cuatro lugares. Y si pasamos el cero como argumento, pruébalo y veamos qué pasa. Entonces si decimos dinero punto dos fijo y ponemos cero, vemos que nos da tres. Por lo que se lleva los dos decimales lejos y nos da tres. Parece que lo redondeó, pero no estoy totalmente seguro de que tal vez no esté totalmente seguro. Entonces intentemos dinero variable a y digamos algo que debería redondearse 3.75 Y digamos dinero a ese índice en ese índice a fijo. Y volvamos a poner el cero y a ver si lo redondea. Sí, lo redondea hacia arriba para que puedas usar para fijar con un parámetro de cero o un argumento de cero para redondear hacia arriba hacia abajo. Entonces eso es bastante aseado. Y pon eso en tu caja de herramientas recuerda que Así dos fijos con cero te redondearán. Entonces sólo en resumen, Si entro a, le estoy diciendo que coloque dos espacios decimales. Si entro cuatro, le estoy diciendo cuatro espacios decimales. Prueba 66. Tienes el punto. Muy bien, así que ahora veamos cómo convertir cadenas en números. ¿ Todo bien? Tenemos tres métodos para este número. Paralizar flotador en partes. Y ahora voy a ir a decirte que estos no son métodos. Sus funciones también, pero están construidas en funciones. Por lo que allí usaba la misma manera con sólo un poco diferentes formatos. Entonces, de todos modos, veamos estos tres. Entonces aquí está el número capital en función, está bien. Y esto es, con mucho, el más simple y hace lo contrario de la cadena mayúscula s. Por lo que solo ingresas tu cadena deseada como argumento. Entonces, por ejemplo, si tenemos la cadena de 10 y necesitábamos convertirla en un número, simplemente ponemos mayúscula y número. Y dentro de los paréntesis pasamos la cadena está el argumento hit Enter y lo convierte en un número. Eso es todo. Número sí. Directo. Creo que lo tienes. Te mostraré un ejemplo en un minuto, pero pasemos a la segunda función. La segunda función es analizar, Int y analizar Tía Parses. Una cadena en retornos, un número entero. Este es un gran peso alrededor de una cuerda en un número entero, con una excepción que verá. Así que echemos un vistazo a algunos ejemplos aquí para ir a la consola de Js. Echemos primero un vistazo al número. Digamos que tenemos un número variable en que es igual a una cadena de, um, digamos 45. Y para convertir esta cadena a un número, simplemente ponemos número y dentro de los paréntesis. Vamos a poner el argumento, y eso va a ser Air Variable, que es 45 y solo vamos a golpear enter y ya ves que convierte la cuerda 45 a un número 45. Entonces eso es bastante fácil. Y por supuesto, puedes poner un valor real ahí dentro también puedes poner un valor real ahí dentro. Por lo que el número se puede decir, como como ejemplo, la cadena de 10 y hit return y devuelve el número. Entonces creo que tienes esa. Hablemos de Parsons. Entonces, como recuerdas, analiza y analiza una cadena y devuelve un número entero, este es un gran peso alrededor de una cadena en un número entero. Y recuerda que es una función tan bien ponerla así. En primer lugar, vamos a crear una variable llamada decimal y vamos a tenerla igual 3.2 a la cadena, 3.22 Así que con Parsons, queremos cambiar la cadena de 3.22 a un número de número entero. Entonces digamos y recordemos, esta es una función tan bien, en realidad decir parse y poner el argumento entre paréntesis, así que eso va a ser decimal, por lo que debería devolver el número entero. Por lo que la cadena de 3.2 diente debe devolver el retorno número tres. Genial. Devuelve el número tres. Entonces esta es una forma de convertir una cadena en un número entero. Pero hay una excepción. Y déjame mostrarte, si digo Parson y pasando una cuerda de 3.75 ¿qué crees que nos va a dar esto? ¿ Crees que esto nos va a dar cuatro? Vamos a golpear entrada E. No, todavía nos da tres. ¿ Por qué está redondeando? Bueno, cuando se convierte, redondea hacia abajo. Eso es lo que hace Parson Y echa un vistazo a esto. Esto es importante utilizar un tiempo en aplicaciones de software. Por ejemplo, si tu ganancia dio trofeos por cada nivel que pasas y has pasado cuatro y 3/4 nivel por lo que cuatro y 3/4 de nivel, eso sigue siendo solo cuatro niveles. Incluso a los 4.99 no son del todo cinco niveles, y así no debería otorgarte cinco trofeos. Entonces son tiempos en los que no quieres que pase algo hasta que llegue al número completo . Entonces si tiene señora, sólo un cuatro. Estoy jugando este juego y estoy cuatro puntos 93% hecho con este nivel. Todavía no estoy en el nivel cinco. Entonces esta es una forma de mantenerte manteniendo las cosas redondeadas hacia abajo hasta que realmente llegues al siguiente número. Si eso tiene algún sentido, ojalá ese sea un buen ejemplo para ti. Por lo que par enviado convierte una cadena en un número, pero la redondea en un número entero. Está bien, creo que lo tienes. Ahora veamos el último. El último es parse float. Y sí, esta es una función. Ah, parse float analiza una cadena en devuelve un número Así que usarás este, no paralizar fin. Si quieres convertir una cadena a un número y mantener tus decimales por lo que parse hormiga se va a convertir en un número entero, Parts float se va a convertir de una cadena a un número. Pero mantén los decimales. Entonces permítanme mostrarles un ejemplo. Si escribes en partes string flotante de 3.45 entonces devolverá el número 3.45 No hay redondeo pasando aquí, bien, así que solo veamos ese rapido real por el bien de integridad. Por lo que analizar flotador. Si tengo una cadena de 3.99 y estoy diciendo entregando para convertir eso a un número, pero no quiero redondear, todavía necesito el 3.99 uso partes flotantes aquí golpeo Return y devuelve el número 3.99 Así que hagamos un resumen rápido, porque eso pudo haber sido un puñado para ti en un día, pero en realidad no lo es. Déjame romperlo por ti y te alejarás de este único entendimiento. Entonces revisemos. Entonces miramos tres conversiones de cadena número dos. Eso es a cadena en cuerda. Ambos convierten un número en una cadena. Y hay dos Fijo, que convierte un número en una cadena con el parámetro para establecer un número de decimales. Muy bien, estos son los métodos de cadena número dos, y luego tenemos la conversión de cadena a número. En. Estas tres eran funciones, pero están construidas en funciones. No tienes que ir escribiendo uno en ese es número que convierte una cadena en un número. Ahí está Parson que analiza una cadena en retornos, un número entero que se redondea hacia abajo. Y luego hay partes flotantes que analiza una cadena y devuelve un número que mantiene sus decimales si los tiene. Está bien, así que ojalá eso fuera de ayuda, que seis de ellos y la mayoría fueron bastante fáciles. Había algunas excepciones aquí y allá. Por lo que tal vez quieras volver y simplemente volvió a mirar la habitación. Juega con las cosas. Ve cómo puedes usar esto en tu codificación diaria, y te veré en el Día ocho 9. Día 8 - Math.ceil, Math.floor, Math.ceil,: Oigan, chicos. Y bienvenidos al Día ocho. Hoy vamos a estar haciendo algunas matemáticas. Vamos a terminar su porción de números del curso mirando las matemáticas Capital M. ¿ De qué es esta matemática de la que hablas? Bueno, echa un vistazo a esto. Math es un objeto JavaScript incorporado que permite realizar tareas matemáticas en números. Entonces matemática, la M mayúscula es un objeto construido con el script Java, y le permite realizar estas tareas. Tiene estos métodos que puedes llamar a este objeto y hará estas tareas por ti. Entonces eso es punto de matemáticas redondo, piso ceil, Max y hombres. De hecho, probablemente puedas decir lo que hacen con solo leerlos. Entonces empecemos en la parte superior con ronda de puntos matemáticos. Me pregunto qué hace esto. El método de ronda de puntos matemáticos devuelve el valor de un número redondeado, redondeado al entero más cercano. Entonces echemos un vistazo rápido a eso. Abre la consola Js y veamos eso. Por lo que tengo una variable llamada número en que equivale a 12.8. Simplemente puedo decir matemática capital m punto ronda y Aiken ronda este número. ¿ A dónde va a rodearlo va a redondear al 13 Por supuesto. Para que pueda decir, Ponga mi variable ahí dentro y golpee retorno y va a devolver 13. Entonces todo lo que hace es sólo redondear un número, y también se puede, por supuesto, introducir los números el argumento. Así que las matemáticas punto ronda, um 3.2 y nos va a dar tres ronda de puntos matemáticos Ah, 7.99 Pongamos un montón de números aquí, y va por ahí. Ahí vamos. Ocho. Creo que se le da el punto. Sigamos adelante. Entonces lo siguiente es el sello de punto matemático en los métodos de piso de punto matemático Simple. ¿ Esto es para estos dos? Sólo recuerda esto. El techo está arriba en los pisos abajo sello matemático, techo en piso de matemáticas hacia abajo, por lo que el sello matemático devuelve el valor. Redondearlo hasta su entero más cercano, y Matt Floor devuelve el valor redondeado a la baja a su entero más cercano. Eso es todo. Entonces echemos un vistazo a eso. Así que digamos matemática punto sello y digamos 4.1. ¿ Crees que va por ahí? El techo está arriba, así que 4.1 nos va a llevar a cinco. Entonces esto no es como redondear como 4.1 va a ir 44 punto. Cualquier cosa va a redondear hasta cinco. Por lo que el sello de punto matemático va alrededor de todo hacia arriba y, por supuesto, piso de punto matemático. Pongamos un número alto. ¿ Qué tal 9.9 piso de punto matemático? El piso está abajo. Debería redondear es a nueve, no a 10. Sí, nueve. Por lo que Matt Seal va a rodearnos hacia arriba pase lo que pase. Y pisos de matemáticas yendo a nuestro alrededor hacia abajo pase lo que pase. Está bien, sigamos rodando. Por lo que nuestros dos últimos métodos son el hombre de punto matemático en matemática dot max. Los hombres y los métodos Max hacen justo lo que sugieren. Regresan o bien el número más bajo de los números que se le pasaron. Hombres o el mayor número de los números que se le pasaron, Max. Entonces veamos un ejemplo. Entonces déjame refrescar esto y vamos a echarnos a los hombres de punto matemático. Voy a poner del 4 al 9. Esto nos va a dar el número más bajo, por lo que esto regresará a y matemáticas puntan a los hombres. Y digamos, um, lo mismo para 29 Lo que nos va a dar los labios, no los hombres. Math dot max de los mismos tres números nos dará el más alto, que es, por supuesto, nueve. Entonces eso nos dará nueve. Entonces probemos otra. Vamos a crear una matriz. Vamos a dar un paso por aquí un poco. Entonces matriz variable y vamos a poner en la matriz tres a 5.4 10 3.2, 11 21 0 Vamos a poner todos estos en esta matriz y golpear Enter. Vamos a probarlo. Math dot hombres de Array, Air Array golpeó retorno y nos dio en un n, no un número. ¿ Qué pasa con eso? Bueno, echemos un vistazo a esto. Echemos un vistazo a los parámetros de este método. Entonces digamos que los hombres de punto matemático. Entremos y veamos la documentación. Entonces echemos un vistazo a la sintaxis aquí. Ver estos tres puntos aquí en la sintaxis? Los tres puntos. Por lo que con E S 2015 puedes usar esto estos tres puntos para pasar una matriz al máximo en hombres. Se llama operador de spread, y esto en realidad hace que los valores de la matriz se expandan o se distribuyan en los argumentos de las funciones . Entonces pruébalo. Déjenme darles un ejemplo. Volvamos a la consola Js Aiken. Escriba esto en su lugar. Math dot hombres y yo podríamos poner esos tres puntos punto, punto punto y luego mi matriz y golpear Enter. Mira ese cero. El más pequeño de la matriz cero. Entonces estoy usando ese operador de spread. Así que mira este punto matemático Max pondrá tres puntos en mi variable o mi variable array. Lo que piensa el nos va a dar el máximo Lo que él piensa nos va a dar como el Max. Creo que 20 deberían darnos 20 de vuelta. Ahí está. 20. Entonces usa ese operador de spread al buscar el máximo en los hombres en una matriz y te va a ir bien, Así que creo que eso fue bastante sencillo todos estos. Aquí tenemos la ronda. Después tenemos el piso en el sello de techo. Y entonces tenemos la máxima, el hombre, la máxima. Los hombres nos dan lo más bajo en el más alto en un grupo de números o en una matriz mediante el uso del operador de spread. Entonces espero que eso fuera un poco aseado para ti. Ahora vamos a pasar a los últimos cuatro métodos que son poco más difíciles pero son súper poderosos si sabes usarlos. Por lo que CNE Día nueve. 10. Día 9: para cada uno: Hola a todos. Y bienvenidos al día nueve. Muy bien, En estas últimas cuatro lecciones, vamos a darle un paso adelante y ver cuatro métodos muy poderosos. hoy, vamos a estar viendo los cuatro métodos de cada uno. Ahora, si bien es similar el Ford cada método no es un reemplazo para el bucle de cuatro. Hay pros y contras para cada uno, y el tiempo te enseñará cuándo usar uno sobre el otro. Dicho eso el para cada bucle es divertido. Es menos código, y es mucho más limpio. Echémosle un vistazo. Entonces, ¿cuál es el cuatro cada método será el cuatro Cada método ejecuta la función proporcionada una vez para cada elemento de matriz. Por lo que tiene un bucle a través de una matriz en ejecutar una función en cada elemento en esa matriz la función que proporcionamos para ello. Entonces se puede decir: ¿Qué significa eso? Bueno, déjame mostrarte. Te voy a mostrar con el ejemplo. Entonces abrimos la consola Js y te daré un desglose de cuatro pasos de cómo usar los cuatro cada método para que se cree variable. Lo llamaremos números y tener un rayo con, Digamos, 543210 Así pues, pasos aquí. Echemos un vistazo al paso uno. Entonces, lo que quiero hacer aquí es que quiero simplemente recorrer esta matriz y simplemente generar el elemento en el que estoy en la matriz. Entonces debería dar salida 543210 Eso es todo lo que voy a hacer. Es un ejemplo sencillo, pero te ayuda a aprender la sintaxis de esto. Entonces son cuatro pasos los que te voy a dar. Entonces Paso uno. Acabamos de llamar al método como lo hemos estado haciendo. Por lo que los números es que hay punto variable para cada paréntesis no golpean. Entrar todavía. Vamos a construir esto fuera. Entonces ese es el paso uno. Paso dos, necesitamos insertar una función de devolución de llamada. Entonces esta va a ser la función que estamos llamando a cada elemento. Entonces dentro de estos paréntesis, vamos a poner paréntesis de función, corchete abierto, corchete cerrado, igual que cualquier función. Y si tuviste turno enter, puedes agregar algunas líneas aquí sin ejecutar el código. Entonces eso es igual que cualquier función. Entonces función paréntesis. Soporte abierto, cierre corchete dentro de los cuatro paréntesis cada uno. Entonces ese es el paso a la función de devolución de llamada. Paso tres, necesitamos pasar nuestro elemento como el aireador it. Y este podría ser cualquier nombre que te guste. A veces solo uso elemento en otras veces trato de usar la forma singular de la variable en este caso hará la escalera y solo uso el número. Entonces aquí tenemos que pasar. Este es un parámetro. Este es su aireador it. Entonces voy a poner en número y lo que es esto es que tengo un número variable con un número de matriz aquí representa cada elemento a medida que recorres. Por lo que el número representa cada elemento de este arreglo. Esto podría ser pollo. Esta podría ser la razón por la que esto podría ser lo que quieras. Mucha gente, Como dije, pondremos el singular de la variable o simplemente usaremos la palabra elemento. Puedes usar lo que quieras. Voy a usar el número. Entonces ese es el paso tres. Pasamos en nuestro aireador it, y el Paso cuatro es que hacemos que nuestra función haga algo. Entonces todo lo que vamos a hacer aquí es solo la consola dot log el número. Por lo que esto sólo debería darnos una lista de cada número. Entonces va a mirar a través de primero y decir, cinco miraron a través de segundo decir para bucle a tercero y decir tres. Entonces eso es todo. Entra y eso es exactamente lo que hace. Entonces ese fue un ejemplo sencillo. Pero obtienes la sintaxis. Ahora, déjame darte un reto. Algo a lo que tratar de acostumbrarte, los cuatro cada método. Entonces, vamos a aclarar esto de nuevo en la variable Creator. Por lo que los números variables son iguales. Y asegúrate de teclear esto porque esto es para ti. 543 210 Muy bien, así que tenemos un número variable con una matriz de números, y voy a crear otro llamado nuevos números y dejar que esa matriz igual y vacía. Ahora, aquí está mi reto para ustedes. Aprendimos el método push hace un par de días, o por mucho tiempo que hayas aprendido que usamos sobre el método push que aprendimos sobre el método push. Quiero que uses el método de cuatro cada para recorrer esta matriz de números y para cada elemento, empujarlo a los nuevos números, Blanca lluvia. Entonces vas a usar fort cada uno y para cada bucle, vas a empujar ese elemento en esta nueva matriz de números. Prueba eso y te acompañaré en un minuto. Si no lo consigues. Está bien, vamos a trabajar a través de esto. Entonces usemos de nuevo su proceso de cuatro pasos. Entonces paso uno, llame al método. Por lo que los números murieron por cada paso uno. Paso dos, ingrese su función de devolución de llamada. Entonces aquí, voy a poner la función abierta. Soporte, cierre corchete. Paso tres. Inserta tu aireador it, que va a representar a tus elementos. Y porque vuelvo a usar números, solo voy a poner número en su singular y paso para Haz tu función, haz algo. Entonces lo que estamos haciendo es empujar ese elemento a un nuevo arreglo, así que podríamos simplemente poner nuevos números puntopush Y entonces como argumento, vamos a poner número. Entonces lo que estamos haciendo es nuevos números dot push. Por lo que estamos empujando en el nuevo array de números el número. Entonces, al mirar a través de él cada vez, ese número será empujado en la nueva matriz de números. Vamos a golpear, entrar y luego echar un vistazo aire nuevo array de números. Y ahí lo tenemos. Está bien. Entonces empujamos a todos nuestros elementos en su sencillo ejemplo, pero creo que demuestra el punto. Entonces ese es el ejemplo usando una función de devolución de llamada. Pero también puedes usar una función predefinida como Si estás trabajando en un proyecto y tienes una función que hace algo aquí llamado esto, solo puedes pasar esa función como el argumento en lugar de una función de devolución de llamada, déjame te muestran un ejemplo. Entonces digamos que tienes una función que tu proyecto llamó, Um, alguna función que tiene un parámetro de X en esta función básicamente solo se multiplica por tres . Por lo que X equivale a X Veces tres y luego queremos consola que registren la X cada vez. Entonces tienes una función en algún lugar llamada alguna función que solo toma un argumento y lo multiplica por tres. Eso es todo lo que hace. ¿ Es entrar? Si tienes una función ya predefinida, puedo subir aquí y decir números punto para cada uno. Entonces, para cada elemento de esta matriz, ejecute esta función alguna función. Oops, mira eso. Esa es la verdadera limpia. Por lo tanto, llamar a su función en otro lugar es mucho más limpio que una función de devolución de llamada, pero hay razones para usar funciones de devolución de llamada para así aquí mismo. Va a llamar a esta función para cada elemento de los números de Ray, y debería multiplicarse. Estoy todo a las tres y luego punto de consola Cerrar sesión para que los veamos. Entonces si doy vuelta ahí está. Por lo que cinco veces tres es 15 4 veces tres es 12 3 veces tres es nueve trabajado Genial. Vale, Entonces usando una función de devolución de llamada y usando una función predefinida, así es como vas a usar principalmente el para cada bucle. Si tienes tanto abajo, estás bien para irte. En realidad puedes cortar la conferencia, pero quiero darte un poco de tema avanzado de horno aquí porque hay dos parámetros MAWR que puedes usar. Echemos un vistazo a esto realmente rápido. ¿ Todo bien? Entonces estoy llamando a esto el avanzado para cada tema. Entonces, como dije, ya aprendiste cómo lo usas. La mayoría del tiempo. No obstante, hay dos argumentos mawr. Entonces echemos un vistazo atrás al 1er 2 pasos de por lo tanto cada método. Entonces primero acabamos de llamar a los cuatro cada uno. Al final de la misma, los números punto para cada segundo insertamos la función de devolución de llamada de aire. Ahora, aquí están los tres parámetros que podrías usar. Entonces primero está el parámetro del elemento. Ya hemos mirado esto. Este es el elemento de matriz actual en nuestro ejemplo anterior era número. Recuerda, usamos el número que se requiere porque tienes que tenerlo aireador. Tienes que representar a tus elementos, así que eso se requiere. Ya hemos usado eso. Pero luego hay otro llamado Index, y todo esto hace es darle el índice de matriz del elemento actual, y eso es opcional. Entonces hay 1/3 1 que no sé por qué alguien usaría. Si tienes un uso para ello, házmelo saber. No pude resolverlo. Pero de todos modos, lo hay. Es el parámetro array, y esto devuelve el objeto array original si es necesario. Y eso también es opcional. Entonces echemos un vistazo a estos. Te voy a dar un ejemplo de esto. Vuelve a mi consola con Js, despeja esto y déjame mostrarte. Entonces déjame volver a crear mi matriz. Entonces voy a usar números de nuevo en la misma cosa. 543210 Y pasemos por un proceso de cuatro pasos. Por lo que los números puntos para cada uno entran una función de devolución de llamada. Muy bien, paso tres. Vamos a poner los tres parámetros aquí esta vez, así que voy a decir elemento en lugar de número sólo porque voy a poner matriz Element Index y luego para mi función. Yo sólo voy a consolar ese log. Los tres de estos log de puntos del consejo Y así voy a decir Elemento en mi índice de elementos, índice y array, y todo lo que estoy haciendo es solo mostrarte la salida de estos. Está bien, así que si hubiera regresado, debería verlo mirar a través. Dice Elemento cinco. ¿ Es Índice cero. Y aquí está la lluvia Elemento cuatro. ¿ Es Índice uno. Aquí está el elemento de lluvia tres y así sucesivamente. Entonces todo lo que hace el índice de muñeca es darle el índice todo array. ¿ Devuelve la matriz? No sé para qué es, pero de todos modos, así es como usas los otros dos. Entonces déjenme darles un reto basado en eso, y lo haremos en la lección de hoy, porque ha sido mucho. Entonces te voy a dar una matriz aquí de frutas tan variables frutas iguales y seguir adelante y teclear esto porque es tu reto. Manzana kiwi, par de plátano, uvas, lima, naranja y limón. Está bien, así que escribe esto para que tengas una variable llamada frutas con un manojo de frutas y una matriz. Aquí está el reto para ti usando los cuatro cada método bucle a través de esto y salida estos tan salida. Entonces dice que Kiwi no es índice cero. Y luego dice que la manzana es un índice uno y así sucesivamente. Entonces, para cada elemento que quieras decir, elemento es un índice en blanco. Y así tendrás ah lista aquí de todos los elementos en el índice en el que están. Prueba el dedo del pie a través de esto e imprime esos, y te mostraré cómo hacerlo aquí en un minuto. Muy bien, Así que ojalá pudieras imprimir esa lista, déjame mostrarte cómo lo haría usando el proceso de paso de la Fuerza Aérea. Así que paso un punto de frutas para cada Paso dos una función de devolución de llamada. Paso tres, vamos a poner parámetros de aire. En este caso, voy a poner elemento en Index porque no estamos usando la matriz y el Paso cuatro. Voy a consola dot log información de aire, Así que consola ese elemento log Plus es un índice más índice. De acuerdo, entonces todo lo que estoy haciendo es imprimir el elemento y luego decir que no es índice y en el valor del índice . Entonces si doy vuelta, ahí vamos. Kiwis e índice cero manzanas e índice, uno plátanos e índice a Esperanza tienes eso? Si no, no hay problema. Creo que se le da el punto. hemos hecho muchos ejemplos. Y el fuerte. Cada método es impresionante. Acostúmbrate y practica con él. Y te veré el día 10. Dónde estaban vamos a ver el método de filtro. 11. Día 10 - filtro: Hola a todos. Y bienvenidos al Día 10. A partir de ahora, has aprendido 26 métodos. Enhorabuena. hoy vamos a ver otro poderoso método llamado filtro. ¿ Cuál es el método de filtro? Bueno, el método de filtro crea una nueva matriz a partir de los elementos de matriz originales que han pasado una cierta condición dejando fuera los que fallan. En pocas palabras, filtra a través de una matriz, eligiendo las que pasan la prueba, que es proporcionada por la función de aire. Se puede ver el uso práctico inmediato de éste, ¿no? Por lo que el método de filtro también toma los mismos parámetros que los cuatro de cada método. Entonces eso es útil. Pero comenzaremos nuestra lección con el parámetro más común, que es el elemento. Entonces en nuestra última lección que usamos, creo que el número. Entonces no importa cómo lo llames, pero lo vamos a llamar elemento en esta lección. Pero la definición sigue siendo el mismo elemento es el valor del elemento actual. Por lo que ya sabemos de esa. Permítanme mostrarles un ejemplo de cómo funciona esto. Entonces vamos a abrir tu consola de amigo Js y vamos a crear una variable. Entonces aquí hay una variable llamada edad y hagamos una matriz llena de edades con 35 14 50 a 2111 80 18 y 17. Muy bien ahora, igual que hicimos con los cuatro métodos de cada uno, vamos a descomponer éste, paso a paso. Entonces primero vamos a crear una nueva variable que comprobará para que comprobará esta matriz para mayores de 18 años. Entonces vamos a crear una variable llamada adulto. Entonces vamos a crear un filtro que filtrará todas las edades que son menores de 18 años y simplemente nos dejaremos con los adultos. Entonces, al igual que el método 40 de cada uno, hay cuatro pasos cuatro de los mismos pasos con este método también. Entonces recuerda, Paso Uno es simplemente agregar en el método de aire. Tan edad dot filter Ese es el paso uno no golpea en Recordar, vamos a construir en este paso para recordar es entrar en función de devolución de llamada de aire, Así que paréntesis de función Abrir corsé rizado cerrar carrera rizada Paso tres pasamos en elemento de matriz de aire y este será el valor del elemento actual de la matriz a medida que filtra a través de cada uno. Entonces ese fue su número en la última lección aquí, vamos a poner elemento y esto representa cada elemento de la matriz a medida que lo recorremos . Por último, pongamos aire acondicionado. Entonces lo que queremos hacer es que queremos devolver todos los elementos que tienen 18 años y más. Nosotros sólo queremos a los adultos. Por lo que simplemente ponemos elemento de retorno mayor o igual a 18. Entonces ahí lo tenemos. Entonces vamos a filtrar todas estas edades que no son mayores o iguales a 18. Vamos a devolver un nuevo array con sólo los elementos adultos. Vamos a golpear, entrar y comprobar su variable adulta. Y ahí vamos. 35 está en la matriz. 14 ha sacado. Filtrado 52 ¿hay 21? Se filtra 11. 80 está ahí, 18 está ahí y 17 ha sido filtrada. ha filtrado una matriz de aire para las edades de 18 años en adelante. Gran trabajo. Entonces aquí hay otro ejemplo, y quiero que hagas este. ¿ Y si quisiéramos que todas las edades entre los 18 y los sesenta vieran aquí esta matriz? Simplemente queremos las edades entre y no incluyendo, pero entre 18 y 60. Y aquí está la calificación esta vez no use la función de devolución de llamada. En su lugar, cree una función separada y luego llame a ese nombre de función. Prueba eso. Filtrar el Saray esta matriz de edad para edades comprendidas entre 18. Y 60 y usar una función separada. Y te enseñaré cómo hacerlo en tan solo un minuto. Muy bien, Genial. Esperemos que tengas eso. Entonces vamos a crear primero la función. Entonces digamos sólo función, y lo voy a llamar check age age aquí. Voy a poner Element y, uh, solo mi función normal ahí, y quiero devolver el elemento mayor que recordar, no vamos a hacer desigual porque no queremos 18 o 60. Queremos cosas entre eso. Por lo que mayor a 18 y menor a 60. Por lo que devuelven elemento mayor a 18 y menor a 60. Está bien, déjame pegarle. Entrar. Ah, whoops. Mi mal. Olvidé poner elemento ahí dos veces, Así que hagámoslo otra vez. Mis disculpas, elementos, y quiero devolver elemento mayor que 18. Y tengo que volver a poner elemento. Elemento es menor a 60. Entonces el elemento que es mayor a 18 y menor a 60 va a regresar. Entonces aquí, esa es solo mi función. Entra. Se define su función. Segundo, vamos a filtrar a través de la matriz de aire con su función como argumento. Entonces digamos que P adulto variable es igual al filtro de puntos de edad. Entonces aquí está su método, y no tenemos que hacer la función de devolución de llamada. Podríamos simplemente pasar la función que ya hemos creado. Entonces eso es comprobar edad. Eso es todo lo que tenemos que hacer ahora. Cuando golpeo enter, debería poder checar a adulto, y sólo debería tener edades entre 18 y 60. Ahí vamos. Entonces conseguimos 35. No tenemos 14 porque eso está por debajo de 18. Tenemos 52 y tenemos 21. No tenemos 11. No tenemos 80. Eso está por encima de los 60. No tenemos 18 porque no igualamos 18. Hicimos más de 18 y no tenemos 17. Porque, claro, eso es menos de 18 también. Entonces eso funcionó. Por lo que filtramos estos para un rango de edad específico. Gran trabajo. Pero claro, como siempre, está Mawr y eso viene en el camino de los parámetros, igual que vimos con los cuatro cada uno. Entonces déjame abrir esto. Entonces al igual que su gusano o parámetros para los cuatro cada método. Lo mismo es cierto para el método de filtro, y esos parámetros pasan a ser los mismos. Por lo que ya sabemos del elemento que se requiere el parámetro del elemento. Pero está a Maurin con el que estás familiarizado, Um, hay índice, que es el índice de matriz del elemento actual opcional. Y luego está la matriz. El objeto array original opcional. Entonces juguemos con eso. Volvamos a nuestro Js Cónsul y probemos esos. Entonces digamos que queremos obtener una matriz de posiciones de índice para todos los elementos que son 18 adelante. Por lo que queremos conseguir una matriz de posiciones de índice para todos los elementos que son 18 suficientes. Entonces en lugar de devolver todos los elementos que son 18 o superiores, vamos a filtrar esta matriz y devolver las posiciones de índice. Entonces déjame crear esta matriz otra vez. Edad variable equivale a 35 14 50 a 2111 80 18 y 17. De acuerdo, así que primero, empecemos con la variable de aire un anuncio en su método como así Así Así que digamos filtro de puntos de edad siguiente más allá de esa función de función de devolución de llamada. Está bien. En tercer lugar, vamos a pasar el parámetro de elemento de aire, y nuestro parámetro de índice es que vamos a necesitar el valor de cada elemento índice cuarto, vamos a agregar en aire acondicionado en consola dot registra el índice. Sí, puedes devolverlo. Pero por el bien de nuestro tutorial fueron sólo iniciar sesión en la consola. Entonces Entonces digamos si el elemento whoops es mayor que 18 entonces consola ese índice de registro. Entonces si el elemento es mayor a 18 muestra el índice y no estoy asignando esto a una variable, solo estoy mostrando cómo se usaron los índices aquí. Es por eso que estamos consolando que registrando esto Así que esto nos debe dar el índice de todos los elementos que son mayores a 18. Mira eso. 0 a 3 y cinco. Maravilloso. Está bien, así que aquí está el reto final para ti. Prueba esto. Vamos a crear una variable llamada Día del Mes y tener una matriz con días del mes. Entonces digamos que el tercero, el 15 22 el segundo, el ocho, el 30 y el 23 bien, golpeó retorno. Ahora aquí está mi reto para ti. Quiero que filtren a través de esto, regresando todos los días del mes que vienen después del 15 y lo devuelvan en este formato. Entonces el 1er 1 que es después del 15 de 20 segundos que quiero en este formato 22 tiene un índice de dos. Y entonces dirías del siguiente que viene después del 15 sería como 30 tiene un índice de cinco en una lista de elemento tiene un índice de índice, por lo que puedes hacerlo con la función de devolución de llamada. O puedes hacerlo con una función separada como quieras. Pero mira si puedes filtrar todos los días del mes por venir después del 15 y el punto de la consola Log it to it it it it it it it Element tiene un índice de índice. Pruébalo Ahora trabaja a través de él contigo en tan solo un minuto. ¿ Todo bien? Entonces esperemos que tengas eso. Eso se asemejó mucho a algunos de los retos pasados que hemos hecho. Entonces creo que probablemente lo conseguiste, Pero déjame mostrarte de todos modos. Entonces lo voy a hacer con una función separada. Voy a decir función llamada. Vamos a llamarlo segunda mitad con dos parámetros elemento e índice, y voy a decir, um, um, si el elemento es mayor que 15. Si el elemento es mayor que 15 que la consola ese elemento log espera Element Plus tiene un índice de solo estoy contaminando aquí tiene un índice de índice. Y mira, pongo esos espacios ahí para hacer que la sentencia sea necesaria. Voy a cerrar eso, y esa va a ser mi función. Por lo que podría simplemente devolver mi conjunto de funciones siguiente. Yo solo llamo a mi filtro. Entonces día del mes. Entonces ese es mi filtro array dot, y lo voy a filtrar en base a mi función. Entonces solo voy a poner mi nombre de función Segunda mitad, voy a regresar. Ahí vamos. 22 como índice de 2 30 tenido es como índice de 5 23 como índice de seis. Creo que probablemente lo conseguiste. Y espero que entiendas filtro. Mucho mejor anunciado. Muy poderoso. Puede tomar una matriz y filtrar ciertas cosas en función de los requisitos que establezca . Se lo devuelve a un nuevo reinado con elementos que has filtrado. Entonces terminamos 10 días mañana vamos a ver el método del mapa amado. Eso va a ser muy divertido. Y te veré entonces 12. Día 11 - mapa: Oigan, chicos, bienvenidos al día número 11. Puede que te estés desgastando por este punto, pero solo aguanta ahí. Una vez que pases hoy, te queda un día más en. La lección de mañana es, con mucho, la más cool. Um, como nota al margen, acabo de poner una bombilla nueva y las cosas eran realmente necesidad de Orange County, ¿eh? Entonces veamos el método de hoy, que es mapa. El método del mapa es tan genial, y lo usarás un montón. Por lo que hoy es el día que miramos ese método que si llegas a entender bien, se convertirá en una poderosa herramienta en tu caja de herramientas JavaScript. Se llama el método mapa. Ahora bien, ¿cuál es el método del mapa? El método de mapa crea una nueva matriz con el resultado de llamar a una función para cada elemento de matriz . Por lo que crea una nueva matriz, y los resultados van a ser los resultados de llamar a una función para cada elemento de matriz. Ahora, espera un minuto. Eso suena como otro método que hicimos. Eso suena como el para cada método, ¿verdad? Bueno, aquí hay una diferencia sutil pero muy importante. El cuatro cada método en realidad no devuelve nada más que indefinido. Lo que hace es mutar cada elemento de matriz. Y luego se hace, descartando el valor de retorno. Un ejemplo, tal vez algo como iterar sobre un elemento de matriz y guardar los valores mutados en una base de datos y hecho. Y por mutado, quiero decir, cualquiera que sea la función que llames a cada elemento. Por otro lado, el método del mapa analfabeta sobre una matriz. Transforma cada elemento de la matriz, y devuelve una nueva matriz con los valores transformados. Este nuevo rayo es del mismo tamaño y no descarta ningún elemento como lo hace el método de filtro . Muy bien, Entonces la diferencia entre los cuatro cada uno y el mapa es que los cuatro cada uno realmente no devuelven nada. Se acaba de ir. Simplemente recorre en array y muta las cosas. Y luego ya está hecho. El método de mapa bucles sobre una matriz en muta las cosas en una nueva matriz con los valores transformados . Entonces voy a discutir eso, uh, uh, repasar eso otra vez. Si eso pasó por encima de tu cabeza, vamos a dar un ejemplo primero de lo que hace el método de mapa. Entonces vamos a abrir Js Cónsul, y vamos a crear una matriz. Entonces, ¿qué tal los números variables es igual a Vamos a hacer esto. 012345 Y pongo cualquier corsé rizado. Muy bien, entonces, números, tenemos una variable llamada números con una matriz de seis números aquí. cero a cinco hit. Entrar. Ahora bien, ¿qué parámetros crees que utiliza el método del mapa? Tome unos invitados rápidos. Bueno, lo conseguiste los mismos tres. En cuanto a cada y filtro, eso es índice de elemento en matriz. Recuerde, el elemento es el elemento actual que se está procesando en la matriz. El índice es el índice de matriz del elemento actual en la matriz. Por supuesto, es el objeto array original. Entonces probemos algo fácil. Al igual que multiplicar cada elemento por dos. Está bien, así que hagámoslo. Entonces vamos a hacer el método de cuatro pasos. Ya deberías estar acostumbrado a este método de cuatro pasos. Por lo que el 1er 1 solo está agregando el método al final de su variable. Por lo que números dot map El paso dos está colocando la función de devolución de llamada de aire en este estos paréntesis, por lo que la función abierta. Curly brace, close, rizado raza y tercero, recuerda, recuerda, pasamos en elemento de matriz de aire como de costumbre. Este podría ser cualquier nombre que te guste. A menudo verás que la gente usa como elemento que hemos usado. Hemos usado números. Algunas personas simplemente usan entumecido. Voy a decir Elemento, vamos a usar elemento esta vez y adelante. Entonces recuerda que este parámetro de elemento va a representar los elementos de esta matriz a medida que recorremos cada uno. Y por último, agreguemos nuestra condición y recordemos que esto devuelve una nueva matriz, así que asegúrate de devolver tu condición. Entonces vamos a decir Retorno elemento Times dos y eso debería ser todo. Golpeemos, regresemos y veamos qué pasa. Boom. Tenemos una nueva matriz aquí. Muy bien, esta es una nueva matriz. Esto no son números. Puedo decir números, y todavía tenemos lo mismo. Se trata de un nuevo radiante devuelto, y todo se multiplica por dos. Por lo que el tiempo cero 001 veces dos es 22 veces dos es 43 veces a una botella de seis. Por lo que iteramos sobre esta matriz y mutamos estos elementos en una nueva matriz. Gran trabajo. Algunas cosas a tener en cuenta de nuevo para asegurarse de que usted entiende, variable de aire número uno del mapa devolvió una nueva matriz. De esta manera el uso del retorno. Si guardáramos su método en una nueva variable esta variable sería una matriz completamente nueva con sus cantidades duplicadas. Creo que eso tiene sentido. Segundo, los cuatro. Cada método, por otro lado, no puede ser devuelto. Es por ello que tuvimos que consolar las respuestas más largas de puntos, porque una vez que los elementos de la matriz mutaron el aire, ya está hecho. Se puede ver de inmediato dónde el uso del mapa sería una herramienta mucho mejor si tuvieras que hacer algún tipo de depuración por el camino. Entonces aquí tienes un reto para ti. Voy a crear un nuevo array números variables, y voy a poner algunos números aquí. Entonces nueve, 16 25 400 digamos 900. Esto es lo que quiero que hagas. Quiero que utilices el método de mapa. Y en lugar de crear una función de devolución de llamada, pase el método de objeto raíz cuadrada de punto matemático como el polvo de parámetro, obteniendo la raíz cuadrada de cada elemento y creado en un nuevo rayo llamado matriz de raíz cuadrada. Entonces si no estás familiarizado con la raíz cuadrada de punto matemático, puedes decir, um 25 y esto debería obtener la raíz cuadrada de 25 que es cinco. Entonces, en lugar de hacer una función de devolución de llamada, quiero que pongas esta raíz cuadrada de punto matemático en tu parámetro, lo que va a mapear a través de esta matriz, y va a obtener la raíz cuadrada de cada elemento. Así que prueba eso y guárdelo en una variable llamada matriz raíz cuadrada. Dale un tiro a eso y trabajo a través de él contigo en un minuto. Muy bien, pasemos por esto juntos. Esperemos lo tengas, pero es bastante sencillo. Si no lo conseguiste, te vas a golpear después de ver que esto es muy fácil. Está bien, así que los números están ahí. Punto variable mate. Empezaremos con eso. Y luego te lo dije en lugar de hacer la función de devolución de llamada, solo ingresa en la raíz cuadrada de punto matemático y queremos guardarlo en una variable llamada Where Root Array y deberíamos golpear Enter. Entonces eso es todo lo que es a un mapa de puntos de números, y por cada elemento, vamos a obtener la raíz cuadrada. Entonces déjame golpear, entrar y nos queda indefinido. ¿ Por qué nos volvimos indefinidos? Bueno, eso es porque lo almacenamos en una variable, así que vamos a ver lo que la variable da matriz raíz cuadrada enter y tengo una nueva matriz con las raíces cuadradas, Así que raíz cuadrada de nueve es tres raíz cuadrada de 16 es cuatro y sigue y sigue. Entonces si escribo números, veo que la matriz no ha cambiado que creó un nuevo arreglo y que se almacena en cuadrado rotativo. Está bien, creo que estás entendiendo el punto. Entonces intentemos 1/3 ejemplo, y en este caso, vamos a conseguir que se involucre el parámetro de índice. Está bien, así que hagamos algo sencillo que se cree variable. Vamos a crear una colección de personas tan iguales voy a poner algunos corchetes aquí, abrir eso y sumar tres personas. Entonces voy a decir, um, nombre, debo decir, uh, Jimmy apellido Brown. Cierra eso, Pon una coma Whoops, coma. Y sólo voy a copiar y pegar a más gente. Pace Basado para la segunda persona, la voy a llamar Cindy. Nombre y Malcolm. Apellido. Nombre de la tercera persona. Voy a decir Timothy, nombre y tocones apellido a cambio. Por lo que tengo una colección de gente aquí con apellido de pila. Entonces lo que vamos a hacer es que vamos a Matt usar mapa toe loop a través de estas personas en solo enumerar el primer apellido. Entonces si tuviéramos una tonelada de personas y solo quisiéramos conseguir el nombre y apellido de cada uno , podríamos usar mapa y recorrer eso. Eso es lo que vamos a hacer. Vamos a crear nuestra función para esta separada. Entonces vamos a hacer función en Vamos a pasar en aire, Elemento actual y el índice, bien, y vamos a llamar a esta función lista nombres tan elemento e índice como sus parámetros dentro de ella. Voy a crear una variable llamada nombres completos en que es igual a elemento dot primer nombre porque estos objetos y quiero el nombre, quiero el valor y el elemento dot apellido y luego simplemente vamos a devolver nombres completos . Ven aquí en eso así tengo mi función puesta. Entonces, ¿cómo ejecutamos mapa? Es muy fácil. Su primer paso es siempre el mapa de puntos variables, y iban a pasar en la función. El nombre de la lista funciona hit, devuelve todo bien, y obtenemos otro. Obtenemos una matriz de un aumento. Entonces si abrimos eso, ves que tenemos tres matrices porque lo hicimos aquí. Y así abrimos el 1er 1 Tenemos a Jimmy Brown, abrimos el 2do 1 tenemos a Cindy Malcolm porque ponemos la coma. Creó dos índices diferentes. Entonces esto no es un buen ejemplo, um. Entonces vamos a vestirlo un poco, y te voy a dar este reto. Así que toma esto y ve si puedes unirte a sugerencia, Ve si puedes unirlos juntos en una línea en una nueva matriz llamada nombres con la posición de índice listada antes de ella. Entonces se va a ver así. Esto es lo que quiero que hagas. Entonces quiero que tengas una matriz con esto en ella. Zero Jimmy ronda. Eso estaría en el índice cero. Y luego quiero que pongas, um, uno. ¿ Cuál es uno? Y eso va a decir Cindy Malcolm Y a está Timothy Stumpps. Muy bien, así que esta es una matriz, Así que quiero que uses mapa y el método de articulación, Vea si puedes unirlos juntos en una sola línea. Estos esta matriz de un raise, ver si puedes unirlos en una línea en una nueva matriz llamada nombres, con la posición de índice listada antes de ella. Entonces se va a decir en un rayo cero en la posición cero, tenemos cero, que es la posición de índice. Colón, el nombre de la persona coma en el primer índice. Tenemos uno en así en adelante. A ver si puedes hacer eso. Esperanza eso tiene sentido. A ver si pudieras hacer eso. Y si no, te acompañaré en un minuto. Está bien, Así que déjame guiarte por esta carrera. Este año, voy a definir la función por separado otra vez porque me gusta hacer eso. Entonces función. Llamemos a esta lista nombres como lo hicimos antes de este elemento pasajero y su índice. vamos a necesitar tanto abiertos como cerrados. Las llaves de marca crean una variable llamada nombres completos e iguales. Y vamos a empezar con lo que tuvimos el último elemento de tiempo ese primer nombre coma elemento punto apellido. Entonces, empecemos con eso. Y luego, por supuesto, devuelven nombres completos. Está bien, pero queremos unirnos a ellos en una línea. Está bien. No lo queremos como lo teníamos anteriormente. Queremos unirnos a ellos en una línea, así que Vamos a sumar al aire, unir método. Recuerda cómo hacer eso. Simplemente vamos al final de esto y ponemos dot join y tiene el argumento de separador de aire. ¿ Cuál va a ser un separador para ir al espacio? Por lo que agregamos su método de unión. Ahora agreguemos su valor de índice muy bien al frente aquí. Entonces aquí mismo, solo voy a poner índice luego Plus, tenemos que poner ahí a nuestro pequeño Colin. Entonces hagamos innatos ahí, Colón y así así. Entonces veamos qué pasa. Tomemos esta función y la devolvamos. Muy bien, Así que nuestras funciones se establecen y finalmente, aire Matt Método con su función es el argumento en asignado a nuestra nueva variable. Por lo que la gente punto mapa, tenemos que asignarlo a una variable llamada nombres, Por supuesto. Por lo que la gente punto mapa y luego argumento aéreo es los nombres de lista de funciones. A ver qué pasa. Nombres de boom. Ahora mira esto. No tengo array con tres artículos en él. Ahí está en la posición 10 quiero decir, índice posición cero Jimmy Brown uno Cindy Malcolm a Timothy Stumpps. Entonces los unimos juntos. Gran trabajo. Si no lo hiciste bien, eso es un poco complicado, pero creo que entiendes el método del mapa. Ahora, déjame decirlo una vez más. Escucha muy de cerca. Si no recuerdas todos los ejemplos de menos y solo asegúrate de recordar esto la diferencia entre el mapa en los cuatro cada uno. Recuerda, son muy similares. Como que hacen las mismas cosas. La diferencia es que el mapa realmente devolvió algo una nueva matriz mientras que los cuatro cada método devuelve. Nada indefinido. Esta es la clave. Una vez que tengas eso, solo recuerda que el mapa lo una tasas sobre una matriz, llamando a una función para cada elemento en devolver los elementos transformados en una nueva matriz del mismo tamaño. Entonces ese es el método del mapa. Es maravilloso saberlo. Quédate aquí, sigue practicando. Y los veré en nuestra última lección, Lección 12 que es la de mis favoritas y me llevó mucho tiempo acostumbrarme. Eso lo vamos a ver en la siguiente lección. Y luego una vez que terminemos, tengo una hoja de tramposos que darte así que ver un día 12 13. Día 12: reduce: Oigan, a todos. Y bienvenidos al día 12. Aquí tienes. Enhorabuena por llegar hasta aquí. Y mi regalo para ti es este increíble método aquí el día 12. Este es uno de los mejores. Si aprendes esto y lo pones en tu caja de herramientas, te resultará tan útil en tu código y carrera. Por lo que el método para hoy se llama reducir. También vamos a ver reducir, correcto, correcto, Pero eso sólo tomará un segundo una vez que entiendas, reduzca. Entonces aquí es la última lección. Después de hoy conocerás 30 métodos javascript y recibirás mi hoja de trucos de alta calidad con todos estos métodos para colgar por tu espacio de trabajo como referencia. Pero primero, trabajemos a través de este método. Es una buena. Por lo que se llama reducir. ¿ Cuál es el método de reducir? Es esto El método reducido ejecuta una función para cada valor de la matriz. Suena familiar. Pero mira esto de izquierda a derecha y reduce la matriz en un solo valor. Esa es la diferencia. Por lo que iterando sobre esta matriz, y toma cada elemento de matriz y lo reduce a un solo valor. Para entender esto, vamos a caminar por el formato paso a paso aquí. Entonces primero. Entonces veamos este paso a paso. Entonces primero, construyamos la función y discutamos lo que hace. Digamos que tenemos una matriz llamada Array example. Vamos a adjuntar nuestro método a ella. Entonces este es su método de cuatro pasos. ¿ Recuerdas? Así Paso uno Array ejemplo punto reducir. Eso es lo que haríamos. Paso dos. Entraríamos una función de devolución de llamada por lo que pondríamos nuestra función dentro de los paréntesis reducidos . Esto te resulta muy familiar. Ahora comprueba esto. Aquí es donde nos diferenciamos aquí. Tercero, hablemos de parámetros, ya que esto es lo que sube a todos. La función de devolución de llamada tiene cuatro parámetros. Cuatro. Número uno, el acumulador. Esto es de lo que necesitamos hablar. El acumulador acumula todos los valores devueltos de devolución de llamada. Esto es necesario. Este es el valor que va a cambiar. Conforme iteramos a través de la matriz, lo entenderás más en un minuto. Segundo es el elemento. Ya sabes cuál es el elemento. Ese es el valor del elemento actual que también se requiere, y luego tercer índice. Ya lo sabes. Ese es el índice del elemento actual opcional y finalmente, la matriz. El objeto de tasa original. Buena noticia es que, sabes 23 y cuatro ya ahí el filtro Samos y para cada y mapa. Pero tenemos que hablar de ese acumulador. Pero, ¿qué es este acumulador? ¿ Qué es esto? Bueno, piensa en esto. Si estamos llamando a una función en cada elemento y estos elementos se reducirán en un solo valor, necesita haber un valor especificado donde ocurra la acumulación. Ah, valor que totaliza los cambios en un solo valor. Este es el acumulador. A menudo verás esto llamado Total o un C C. Voy a decir acto, Vamos a usar AK y son ejemplos para el acumulador. Entonces vamos a contarlo hasta la fórmula final, y es un ejemplo de rayo punto reducir dentro de reducido. Tenemos una función de devolución de llamada, y como sus parámetros, tenemos AC para el acumulador Element index, una matriz. Así que ejemplo el tiempo. Ya basta de eso. Echemos un vistazo a algunos ejemplos así sucesivamente a Air Js Council. Entonces, veamos un ejemplo fácil. Vamos a crear una variable llamada numbers y tener una matriz que tenga solo algunos números en ella. 0123456 Devuelva eso, y vamos a hacer aire cuatro pasos. Ya deberías estar acostumbrado a esto. Por lo que tenemos números dot dot reduce. Entonces cualquier variable que sea la matriz de aire es con el método agregado al final, ese es el paso uno. paso dos está en una función de devolución de llamada, así que pongamos nuestra función ahí. Paso tres agregue parámetros de aire ahora para este tercer paso ingresará aire Acumulador porque es requerido y nuestro elemento actual porque se requiere como argumentos. Entonces aquí vamos a poner acto por acumulador y elemento. El acumulador está aquí. El elemento va a ser estos elementos de la lluvia Finalmente, y lo que vamos a hacer es en realidad sólo vamos a tomar el acumulador y agregarle el elemento cada vez. Entonces aquí mismo podemos poner retorno ac plus elemento y ver qué obtenemos. 21. Entonces esto es lo que se está haciendo desglosado en ese ejemplo, esto es lo que está pasando. Por lo que el acumulador cero. Si eso no está configurado, siempre va a ser el primer elemento de la matriz. De modo que cero acumulador de aire elemento cero es cero. Entonces cuando sumamos esos juntos, obtenemos cero Esa es la primera llamada. Ahora saltamos a la segunda llamada. El acumulador sigue siendo cero y tenemos un elemento de uno. Entonces uno más cero va a ser uno Ese es su acumulador. Ahora, la tercera llamada tenemos una, ¿hay elemento de aire acumulador es demasiado Así que dos más uno son tres que va a devolver un tres que ahora es acumulador de aire. Entonces donde acumulador en la cuarta llamada comienza con tres Elemento es tres, tres más tres va a ser seis. Eso va a ser un valor de retorno. Eso es aire Nuevo acumulador. ¿ Ves lo que está pasando? Todo valor de retorno en estos bucles va a sumar en el acumulador. Ese es el punto del acumulador. Por último, Así se puede de Paul y se puede mirar a través de esto. Esto te muestra todas las siete llamadas aquí y cómo llegamos al valor de 21. Está bien, ahora aguanta un minuto. Eso no fue suficiente. Hay un parámetro más y eso se llama valor inicial. Entonces, para totalizarlo hasta contarlo, tenemos este array ejemplo dot reduce, Tenemos una función callback y tenemos parámetros de aire AC Element Index, una matriz y luego después de esa función, nosotros tener una coma en valor inicial. ¿ Cuál es este valor inicial? Bueno, pocas palabras, el valor inicial es el valor por el que comenzará el acumulador. Si no hay valor inicial proporcionado el acumulador comienza como el primer valor del valor del primer elemento de matriz. Ya mencioné eso. Entonces si no proporcionas esto, es opcional. Si no lo proporciona, el valor del acumulador comienza como el primer valor de la matriz. Si hay un valor inicial, éste será el valor inicial del acumulador desde el inicio. Entonces intentemos un ejemplo usando el valor inicial. Y aquí está que reducen la función con el valor inicial de ocho. Entonces aquí hay un ejemplo justo aquí para que los números punto reduzcan paso un paso dos función de devolución de llamada. Paso tres, vamos a pasar algunos parámetros aquí. Vamos a poner a AC un elemento porque esos son requeridos. Y hagamos lo mismo que hicimos hace un minuto. Vamos a devolver AC más elemento, pero esta vez vamos a poner una coma un valor inicial de ocho. Entonces somos el acumulador va a arrancar en ocho. Entonces vamos a golpear. Entra y ve qué pasa. 29. Entonces estos son los mismos bucles en el gráfico que les mostré antes. Pero en lugar de arrancar el acumulador a cero, empezamos en ocho. Entonces si vuelves a abrir ese gráfico y tachas ese cero y metes ahí ocho y te abres camino a través de él, terminarás con 29. Entonces, básicamente, eso sólo nos pone ocho por delante, porque todo lo que estamos haciendo es sumar los valores. Entonces de todos modos, así es como le das al acumulador un valor inicial un valor inicial. Está bien, así que veamos un ejemplo final para asegurar que hemos entendido los conceptos básicos de reducir. Echemos un vistazo a algunos datos. Entonces voy a, uh, uh, entrar a una colección aquí. Hagamos población variable es igual a algunos corchetes aquí. Voy a poner algunos datos. Entonces hagamos esto y digamos estado, California, hagamos que una coma C capital California pop las gradas para población 397 ocho 0000 karma aquí mismo va a ser un común a Lo que voy a hacer es solo copiar y pegar esto así ritmo este año y pega eso ahí y déjame hacer un ritmo más que ahí. Hagamos algunas poblaciones aquí. Por lo que vivo en Virginia. La población de 841 2000. El próximo estado que vamos a dar es Florida población de 206100 Ahí está. El estado final es aleatoriamente principal con una población de 1331000 Muy bien. Y ojalá pudiera formatear mejor esto. Esto es una cosa de Js, Cónsul, no se puede poner esto en un formato bonito, bonito. Entonces lo que vamos a hacer es usar el método de reducción para conseguir la población total de estos cuatro estados. Entonces si alguien dijo Hey, tengo estos cuatro estados, ¿por qué no me das la población total de ellos? Se puede decir, Hey, puedo usar el método de reducción porque puedo recorrer estos y reducirlo a un solo valor. Entonces, ¿qué tal si le das una oportunidad? Te voy a dejar ciego aquí y probarlo. Dale tu mejor tiro. Empieza con mi método de cuatro pasos, por lo que población punto Reducir e ir a partir de ahí. Trata de ver si obtienes el valor total. Está bien, no te dije esto, pero aquí hay un gran truco. De verdad tenías que atrapar a esa. ¿ Conseguiste la respuesta ahora? Basta con leer la página más suave. 1331000206100008412000 ¿Conseguiste eso? Si lo hiciste, entonces eso está mal. Y te diré por qué yo también conseguí eso. Pensé que eso era correcto. Pero está mal y esto es algo genial. Siempre es bueno estar equivocado porque aprendes de tus errores. Ya ves, si no fijaste un valor inicial de lo que realmente empezaste con la población de California Así que tu acumulador comenzó con 39780000 Así que no partiste de cero. Empezaste todo lo que empezó con este acumulador para que ahora los acumuladores se sumen aquí en esto y esto y vas a llegar a mayor número. Por lo que necesitas iniciar el valor inicial de cero. Eso es muy importante. El acumulador, los valores iniciales de cosa muy importante al usar este método. Así que inténtalo de nuevo con cero como valor inicial y luego trabajaré a través de él contigo. ¿ Todo bien? Ojalá tengas otro número más que ese, y ya veremos qué es eso en un minuto. Entonces esto es lo que vamos a hacer. Yo también voy a dar vuelta . Guarda eso. Entonces es simple. Es este look, Población El paso uno es población reducida. Así empezamos, luego paso para funcionar. Función de devolución de llamada. Paso tres. ¿ Qué vamos a poner aquí como los parámetros? Vamos a poner a AC un elemento porque esos son requeridos. Y entonces qué estamos regresando? Elemento de retorno punto pop. Entonces los estos elementos de aire que llegamos a hacer elemento dot pop más un CC y ver si empezamos con este número, lo primero que va a hacer es sumar este número a sí mismo porque empieza con el 1er 1 que es California. Entonces por supuesto, tenemos que establecer el valor por defecto. Por lo que coma Cero o no por defecto el valor inicial. Entonces esto es todo lo que tienes que hacer es teclear esto, y si pegas retorno, deberías conseguir 70133000 Muy bien, son 70 millones. 133,000 personas. Tan gran trabajo en el tackling y inicialmente difícil pero extremadamente poderoso método. Una última cosa antes de que te deje ir. Ahora que ya sabes, la reducción significó que puedes agregar fácilmente a tu arsenal reducir derecho, lo que se reduce, verdad? Bien reducido a la derecha es exactamente lo mismo que reducido, pero reduce los elementos de la matriz de derecha a izquierda en lugar de izquierda a derecha. Habrá momentos en los que podría necesitar eso. Realmente no sé por qué en este momento, pero reduzca bien. Apenas comienza desde la derecha en reduce las cosas a la izquierda. Eso es todo lo que hace. Tan reducido es impresionante. Deberías realmente meterte con este y realmente acostumbrarte a la potencia del método de reducción . Gran trabajo. Lo lograste a través de 30 métodos en 12 días colgando ahí. Y en la siguiente lección, te voy a dar el enlace para eso, Cici. 14. ¡Felicitaciones! ¡Aquí tienes tu hoja de Cheatsheet!: Oigan, chicos. Y felicitaciones por terminar estos 12 días. Has aprendido 30 métodos javascript. Ahora, por lo mejor, si te paras ahora mismo, te vas un par de si te paras ahora mismo, semanas, vas a olvidar muchas de estas cosas. Entonces lo que he hecho es que he creado una hoja de tramposos de alta calidad basada en cómo se aprende este material. Entonces si ves en la pantalla aquí, tengo una hoja de tramposos para ti. Yo quiero que lo impriman. Yo quiero que lo cuelgues justo al lado de tu escritorio. Laminado. Sea lo que sea que tengas que hacer, es un recurso invaluable. Yo lo uso a diario. De acuerdo, así que esto es lo que he hecho. He tomado todos los métodos. Entonces todos los métodos que hemos aprendido, los he puesto en una columna. Tengo una segunda columna, y esto es para el tipo de métodos. Por lo que tenemos una matriz de cuatro tenemos s para cadenas y final para números. Está bien. A continuación, tengo los parámetros. Ahora echa un vistazo a esto. Estos airean los parámetros para cada método y aquí arriba en la parte superior, derecha. Ya verás que lo que está en el gris es opcional. Se requiere lo que hay en el negro Así que cuando vengas aquí abajo, vas a ver tengo todos los parámetros reservados para ti con la información si son requeridos u opcionales, dependiendo de qué color sean. Por último, tengo una columna con la definición. Entonces aquí mismo. Si imprime esto, esto le da el método, el tipo de método, el Met, los parámetros y la definición del método. Creo que esto es genial. Aquí son 30 métodos JavaScript. Y así es como lo consigues. Enhorabuena por terminar el curso. Así es como lo consigues. Vas a mi página web www dot Travis dot media. Sí, tengo pelo. Ahora no tengo nada ahí. Uh, y solo escribes los métodos de slash Js aquí mismo. El top que vas a ver? Enhorabuena. Aquí tienes tu hoja de tramposos. Por lo que tienes una hoja de tramposos de alta calidad, PNG, cual puedes descargar la imagen o la hoja de tramposos de alta calidad. Pdf, descarga eso aquí. Entonces basta con hacer click en eso y la hoja de tramposos es tuya. Y de nuevo, Felicidades. Gracias por tomar mi curso y tomarte tiempo para tomar 12 días fuera de tu año para aprender estos muchos métodos. La mejor de las suertes en tu viaje de javascript y estás codificando viaje. Te deseo lo mejor