Fundamentos de Javascript para principiantes - Sección 6: programación funcional

1. Los fundamentos de JavaScript - Programación funcional: video de promoción: Bienvenido al script Java. Los Fundamentos. JavaScript es el lenguaje de programación más popular en el mundo se ha llamado el lenguaje de la Web Stack Overflow listado como la tecnología sorda más popular y obtener tener números it como los primeros rangos aprendizaje de idiomas JavaScript te permitirá ser un desarrollador de pila completa o fondo una especialidad en el front end o el back end. Con JavaScript, podrás hacer frente a frontales y frameworks como reaccionar y angular en el lado del cliente . Y también puedes cortar en el lado del servidor de back end sin Js y crear bases de datos con Mongo . DB JavaScript es un idioma, por lo que va a tomar algún tiempo aprender antes de poder escribir poesía o una novela en cualquier idioma, primero hay que aprender el alfabeto de idiomas, cómo hacer palabras y ver cómo lo usan los demás. Para aprender JavaScript. Vamos a mirar bajo el capó. Esto no sólo va a ser un ejercicio para copiar el código de otra persona para terminar con una aplicación que no entiendes. Todo lo que hagamos será visual en forma de una lección de pizarra en la que realmente se puede ver cómo funciona y se conecta todo. Si eres aprendiz visual, este es el curso para ti. Esto no se trata de ir 0 a 60 o cero a héroe, porque si realmente estás empezando en cero, esos cursos te dejan atrás rápidamente. Se trata de aprender. Entender y aplicar es que podrías construir y crear con JavaScript. Camino seguirá entonces nuestra pizarra blanca. Las lecciones a la manera de laboratorio entrarán en el desarrollador de software Google Chrome. cardos cónsul son juegos de guión Java. No hay nada que necesites descargar para este curso. Sin herramientas especiales, sin pasos adicionales. Sólo Google, chrome, todo. Aprendiste la lección que luego recrearemos juntos en el laboratorio. Entonces te daré un reto de código para recrear lo que aprendimos juntos y luego miraremos juntos una posible solución. Bienvenido a Java Script. De lo básico. Empecemos a hablar guión laboral 2. Los fundamentos de JavaScript - Programación funcional: filtro de filtro: Muy bien, bienvenido de nuevo a Java. Despojado de lo básico en esta sección, vamos a ver la programación funcional. Esto será una imprimación sobre qué es la programación funcional y te dará una muestra de cómo se usa en JavaScript. No aprenderás programación funcional de la noche a la mañana, pero puedes empezar a ver los beneficios y resultados de la misma de inmediato. Una de las características del script Java que lo hace muy adecuado para la programación funcional es el hecho de que puede aceptar funciones de orden superior. Ah, función de orden superior es una función que puede tomar otra función como argumento o que devuelve una función. En consecuencia, programación funcional es justo como suena. Programación con funciones en JavaScript las funciones son objetos, funciones, valores de aire. Eso significa que las funciones se pueden pasar a lo largo del dedo del pie otras funciones. Eric Elliot explica la programación funcional de esta manera cuando dice que los glosarios de programación funcional contienen una gran cantidad de palabras grandes. Pero en su núcleo, la esencia de la programación funcional es realmente muy simple. Los programas se construyen en su mayoría con un puñado de funciones muy pequeñas, muy reutilizables, muy predecibles, muy reutilizables, muy predecibles, puras. Ahora probablemente quieras saber qué funciones puras son por ahora. Concretamente, eso significa que una función pura siempre vuelve al mismo resultado, dados los mismos parámetros de la función pura es una función en la que, dada la misma entrada, siempre devolverá la misma salida, no produce efectos secundarios y no se basa en ningún estado externo. No te preocupes si eso te va un poco por encima de la cabeza. Recuerda, estamos aprendiendo un nuevo idioma, y para ello, hay que escuchar a la gente hablar de maneras que tal vez no estés familiarizado o comprenda todo lo que se está diciendo. Esta sección de lecciones tratará sobre cómo funcionan las funciones de orden superior por lo que algunas de estas palabras comenzarán a tener más sentido para empezar. Veremos Twitter. No, no vamos a hablar de sus algoritmos de pila de tecnología ni nada por el estilo. Pero un tuit que me gustó Fue por Stephen Lucien ER. Utilizó algunos emojis para ilustrar la programación funcional con mapa, filtrar y reducir, que son los tres métodos de matriz a los que voltearemos nuestra atención e intentando entender la programación funcional en las próximas lecciones. Veamos la imagen tenemos una imagen con filtro de mapa y reducir a Matt pertenece una matriz de tres imágenes. Maíz, vaca y pollo. El mapa de palabras en sí es un método o una función en una matriz. Entonces tenemos la palabra cook, representando una función así como si cada elemento va a pasar por una función de cocinero. Recuerda, una función es como un botón es un trozo de código que podemos aplicar una y otra vez. Ah, la función es un proceso, que toma alguna entrada llamada argumentos y produce alguna salida llamada valor de retorno. Entonces dentro del mapa de función o método que se adjunta a una matriz, vamos a pasar otro método. Funcionará en cada elemento de la matriz, y cuando el maíz esté cocido, tenemos palomitas de maíz. Cuando se cocina la vaca, tenemos una hamburguesa donde se cocina el pollo. Tenemos un huevo. Entonces mapa es un método que funcionó en cada elemento de la matriz y devolvió una nueva matriz en la que cada elemento pasó por una función. A continuación, tenemos el método de filtro en una matriz. Nuestro rayo esta vez tiene palomitas de maíz, hamburguesa y dolores. Esta vez, cada elemento de una matriz se va a ejecutar a través de una especie de filtro verdadero y falso para cualquier detalle que queramos nombrar en este caso es un filtro llamado Is Vegetarian y es una función. Devolverá una nueva matriz con palomitas de maíz y huevos. Sí, algunos vegetarianos podrían no consumir huevos, pero este vegetariano imaginario sí. Por lo que regresa en un raid en el que cada elemento ha sido evaluado, verdadero o falso, y los valores verdaderos se devuelven a una nueva matriz. En tercer lugar, tenemos el método reducido. Este es el más complejo y pasará un buen trozo de tiempo descomponiéndolo y explicándolo. Si bien el mapa y el filtro tienen usos muy específicos, reducir tiene mucha flexibilidad personalizable antes de que nuestra ilustración mirará una ejecución simple de la misma que muestra que reducir pasará por nuestra matriz y elementos runner a través de un función que devolverá un valor en este caso, tanto palomitas como huevos, el mismo destino final en nuestra pista digestiva. La programación funcional y las funciones de orden superior son buenas para la composición, poniendo una función en otra función, poniendo funciones más pequeñas en funciones más grandes. Adelante y comencemos nuestro análisis de programación funcional con filtros y método , a k a. una función en una carrera. Acepta otra función como su argumento que devolverá una nueva matriz. Anteriormente, hemos insertado números de cadenas y dice booleano, argumentos en nuestras funciones. Ahora estamos pasando funciones. Como argumentos para cada elemento, tendremos una función de devolución de llamada. filtro llama proporcionó la función de devolución de llamada una vez para cada elemento en una matriz y construir una nueva matriz de todos los valores para los que la devolución de llamada devuelve de valor. Eso cursos a True, la matriz original se deja intacto. Echemos un vistazo a la sintaxis. Tenemos nuestra matriz, entonces tenemos el método de filtro. Entonces, dentro de ese filtro, le estamos pasando una función como argumento. Esto es lo que hace que algo programación funcional pasando un dedo de la función, una función como argumento. Esa función recibe entonces un parámetro para el valor actual del elemento. Esto es necesario. Después ejecutamos el bloque de código en el valor actual, y si es cierto, lo devolvemos a la nueva matriz. Muy bien, gracias por aguantar tanto tiempo, finalmente estamos listos para meternos en algún código. Vamos a crear una matriz con puntajes de prueba declarará una variable llamada puntajes de prueba y unos valores del Senado de 90 a 87 54 63 75 59. Vamos a crear una expresión de función llamada prueba de paso declarará una variable llamada prueba de paso. Bueno, entonces el sol it el valor de una función anónima le dará un parámetro de pruebas que representa el elemento actual en la matriz entonces entrará en un bloque de código un retorno, un booleano de verdadero o falso en cuanto a si un prueba tiene un valor mayor a 60. Entonces esta es nuestra función que vamos a usar como argumento. Adelante y declaremos una variable llamada graduación. Esta matriz contendrá todas las pruebas de paso. Eso significa que el estudiante se está graduando simplemente ejecutará el método de filtro en nuestro rayo. Dentro de los paréntesis, pondremos en nuestro argumento de la expresión de función que se ejecutará en cada elemento la matriz. Devolverá un valor verdadero o falso para cada elemento y creará una nueva matriz en la que sólo los elementos que son verdaderos se encontrarán en la nueva matriz. Otra forma en que podemos escribir esto en lugar de poner nuestra expresión de función en, como argumento es, podemos simplemente escribir nuestra función dentro del parámetro y el resultado de ambos son el mismo . Nuestra matriz de puntuaciones de prueba no se ha mutado es exactamente la misma. Ahora tenemos una nueva matriz. ¿ Y si no usáramos filtro? ¿ Cómo hacemos para obtener el mismo resultado deseado de nuestra matriz de puntuaciones de prueba? Sigamos adelante y veamos el código que se necesitaría para lograr esto. Usando un bucle for. El primero que haremos es crear una matriz llamada graduación. El primero que haremos es crear una matriz llamada Graduación que vamos a llenar bien con valores, luego usar un bucle for para pasar por cada elemento de la matriz, empezando por el primer elemento. Nuestra condición de prueba será siempre y cuando su valor actual para nuestro contador sea menor que la longitud de la matriz se sumergirá en el bloque de código y creará una declaración condicional. Evaluaremos una expresión si prueban puntuaciones de Índice cero, que es 92 es mayor a 60 en nuestro código. Ahora Block accederá a nuestra matriz de graduación que creamos anteriormente. Utilizaremos el método push que empuja el valor del aire hasta el final de la matriz en este punto. Son valor para elemento actual es 92. Entonces empujamos eso hasta el final de nuestra matriz. Después repetimos el proceso una y otra vez. Para Philip son array con valores mayores a 60. Ahora, veamos a estos dos uno al lado del otro. Código claro menos código y fácil de mantener libre de errores. Espero que estés empezando a ver los beneficios de la programación funcional. Está bien. Gracias por tomar esto primero. Mira conmigo. Una programación funcional en JavaScript te verá en el laboratorio para empezar a poner en práctica lo que hemos aprendido. 3. Los fundamentos de JavaScript - Programación funcional: laboratorio de filtro: Muy bien, bienvenidos de nuevo al laboratorio y nuestra lección. Comenzamos nuestro viaje hacia la programación funcional junto con JavaScript orientado a objetos. Este es el segundo pilar en cuanto a lo que es esencial para ser un programador de scripts Java. Nos introdujeron la idea de que funciona los valores del aire, lo que significa que se puede pasar una función a otra función como argumento. Esto es esencial para la programación funcional, las funciones puras y las funciones de orden superior. El beneficio de la programación funcional es el concepto de saber siempre lo que vas a conseguir. Eso podría ser un poco poco poco claro en este punto. Desempaquetaremos esas declaraciones a través de esta sección sobre programación funcional. Pero por ahora, veremos una especie de dicho famoso sobre las trampas de la programación orientada a objetos en cualquier lenguaje. Dice la historia que quieres un plátano, así que pides un plátano, te das un plátano. Por lo pronto, esta es una historia feliz. Pero también encuentras que te dieron el gorila que sostenía el plátano también. Y encima de eso, conseguiste la selva en la que vivía el Grillo. Ese es el dilema que la gente a veces enfrenta al hacer programación orientada a objetos obtienes mucho más de lo que estás pidiendo. Por otro lado, las funciones puras tienen muchas propiedades beneficiosas y forman la base de la programación funcional . Las funciones puras son completamente independientes del ST externo y como tales, sus inmunes a clases enteras de bugs que tienen que ver con el estado mutable compartido. Son independientes. La naturaleza también los convierte en grandes candidatos para el procesamiento paralelo a través de muchos usos de CP y a través de clústeres de computación distribuidos enteros, lo que los hace esenciales para muchos tipos de tareas de computación científica y de uso intensivo de recursos . Las funciones puras también son extremadamente independientes, fáciles de mover, re factor y reorganizadas en tu código, haciendo que tus programas sean más flexibles y adaptables a cambios futuros. De acuerdo, eso fue mucha teoría y nuestra última lección. Se encuestó filtrar, mapear y reducir y este laboratorio. Vamos a seguir adelante y enfocarnos en el filtro. Primero, vamos a crear una matriz bien, luego usar un bucle para iterar, lo que significa pasar por todos los elementos de la matriz y probar para que la condición sea verdadera, si es verdadera,los empujará a si es verdadera, una nueva matriz. Construyamos eso juntos, y entonces te haré cumplir la misma hazaña con el método de filtro tú mismo Vamos crear una matriz llamada Weather. Estos son los valores que se iban a medir. Crearemos una nueva matriz en la que cualquier temperatura que esté por encima de los 70 será empujada a una nueva matriz llamada Go Outside. Entonces sigamos adelante y declaremos. Entonces sigamos adelante y declaramos que salgan el sábado y lo inicializamos con algunos corchetes vacíos . Ahora vamos a configurar un bucle de cuatro son cuatro bucle tendrá tres declaraciones. En primer lugar, inicializamos o contaremos a cero luego estableceremos nuestra condición de prueba para preguntar si nuestro contador es menor que la longitud de nuestra matriz meteorológica. Si eso es cierto, entonces entraremos a nuestro co bloque. Entonces nos encontramos con una declaración if condicional si índice de cero en su clima de rayo es mayor a 70 que en este caso es 72. Tenemos un valor verdadero y entramos en nuestro siguiente bloque de código. Tenemos nuestra nueva matriz que creamos llamada Go Outside, y usamos el método push y llenamos el argumento con Index zero de nuestra matriz meteorológica, que tiene un valor de 72 que ahora irá en nuestra nueva matriz. Repetimos este proceso nuevamente, dando vueltas a través de toda una matriz. Ahora, cuando comprobamos el valor de nuestro nuevo ir fuera de matriz, obtenemos del 70 al 84 90 al 85 72. No está mal. Eso fue mucho trabajo, sin embargo. Aquí está tu reto. Quiero que tomes esa misma matriz meteorológica e implemente el método de filtro para hacer lo mismo . Recuerda, para ejecutar el método de filtro, aplicarás el método de filtro al array meteorológico. Y luego pasarás a los paréntesis de filtro, argumento que es una función en la que cada elemento se evalúa a verdadero o falso, y los valores verdaderos se devuelven a la nueva violación A. Muy bien, buena suerte. Adelante y pausar el video. Volverá a reunirse en unos momentos y encontrarán una solución juntos. Muy bien, cómo ir. De acuerdo, voy a seguir adelante y buscar maneras demasiado rápidas de resolver esto. El primero es crear una expresión de función que devolverá valores verdaderos y falsos con respecto a lo que podríamos considerar El clima agradable. Por lo que ahora creará nuestra matriz En una línea se declarará la variable salir afuera y un signo del valor de nuestro clima rayo con el filtro método y el argumento de buen tiempo. Recuerda, el buen tiempo es una expresión de función. Entonces estamos pasando un dedo de función son método de filtro, y el resultado es exactamente lo que estábamos buscando que tenía un par de piezas en movimiento. Vamos a resolverlo de otra manera. Seguiremos adelante y declararemos nuestra variable ir fuera, y firmaremos del valor de nuestro array meteorológico con el método de filtro. Bueno, entonces, inmediato, nuestra función anónima como argumento ahí mismo le dará el marcador de posición de valor actual de temp. Esa palabra temp puede ser cualquier cosa. Es un marcador de posición. Podría ser la letra X, pero para la legibilidad humana, nos ayuda a saber que estamos viendo las temps diarias. Entonces por cada templo o matriz, preguntamos si es cierto. Si es mayor a 70. Ahora, cuando comprobamos el valor de nuestro salir sábado, obtenemos el mismo resultado. Está bien. Ahora, construyamos un poco esto y enfrentemos un reto. Con un poco más de complejidad, vamos a construir otra violación. Esta vez. Quiero que llenes la matriz con objetos. Esto es algo que aún no hemos hecho. Hemos llenado previamente matrices de números y cadenas y otras primitivas, pero un aumento también puede contener objetos. Sigamos adelante y construyamos esa matriz. Sigamos con el clima de la fama. Vamos a telefonear array con los días de la semana y un booleano en cuanto a si podemos esperar sol o lluvia querrá devolver un array con los objetos que son días soleados. Tendremos que crear una matriz en este caso lo llamaremos días soleados. Bueno, entonces crea un bucle for. Nuestra primera declaración lo inicializará o lo contrarrestará. Cero. Nuestra segunda declaración probará que son contador es menor que nuestra longitud de rayo que nos enviará al bloque de código. Usaremos la declaración condicional si vamos a mirar el primer elemento del pronóstico de matriz. Tiene un objeto con dos valores de propiedad. El Día de la Propiedad con el valor del lunes en las propiedades, hijo, con el lingote de verdad y nuestro if statement, estamos mirando el valor para la propiedad, hijo, vamos a usar el punto notación dedo del pie acceder a ese valor de propiedad. Esto volverá verdadero, por lo que empujaremos a nuestro nuevo array soleado, todo el elemento en el índice uno, que es nuestro objeto con ambas propiedades. Por lo que vamos a repetir esto a través de todos los elementos de nuestra matriz de pronósticos. Y aquí están los resultados. Genial. Ahora hagámoslo otra vez. Con el método de filtro, esto va a ser impresionante. Declarará una variable que va a contener nuestra matriz lo asignará. El valor de nuestra matriz de pronósticos le asignará el valor de nuestra matriz de pronósticos con los objetos, incluyendo días de la semana y miles de millones en cuanto a si tendremos sol o lluvia pasarán luego al método de filtro de le dará al valor actual el nombre clima. Recuerda, podría ser cualquier cosa. Podría ser solo X. Simplemente representa el valor actual en la matriz en la que estaremos ejecutando la función de devolución de llamada , en este caso, cada elemento que pasa a ser un objeto en la matriz. A continuación ejecutamos nuestro bloque de código. El método de filtro volverá a la nueva matriz todos los valores verdaderos. Entonces en nuestro array de pronósticos, queremos devolver todos los valores actuales en los que son true y como esto ya es booleano no tenemos toe agregar ningún código para evaluar la expresión. Vamos a entrar esto en nuestro cónsul y obtenemos los mismos resultados, mucho menos código menos espacio para bugs y todavía muy legible. Gracias por echar este primer vistazo a la programación funcional en nuestro laboratorio. Nos vemos en la siguiente lección. 4. Los fundamentos de JavaScript - Programación funcional: mapa: Bienvenido de nuevo al script Java, Los fundamentos y esta lección. Vamos a continuar con nuestra imprimación sobre programación funcional. Vamos a ver el método del mapa antes de entrar en lo práctico. Vamos a arrojar un poco más de luz sobre el vocab de funciones puras que hemos utilizado algunas veces hasta ahora . Ah, la función es sólo pura. Si se le da la misma entrada, siempre producirá la misma salida. Veamos un ejemplo, Las matemáticas dudan al azar. Cada vez que nuestro intérprete de script Java ejecute este método, obtendremos un resultado diferente. Dada la misma entrada, no podemos esperar la misma salida. A pesar de que no pasamos ningún argumento a ninguna de las llamadas a funciones, todas produjeron una salida diferente, lo que significa que el punto matemático aleatorio no es pura matemática. Dot Random produce un nuevo número aleatorio entre cero y uno cada vez que lo ejecutas. Cuando preguntamos, la computadora para un número aleatorio usualmente significa que queremos un resultado diferente. Entonces obtuvimos la última vez que el método random de punto matemático tiene su lugar, pero este es un ejemplo de una función que, dada la misma entrada, no devuelve la misma salida. Sigamos viendo las funciones de orden superior. Sigamos mirando una función de orden superior llamada mapa, Recordar y las funciones de JavaScript son como valores como cualquier otro valor en JavaScript. Podemos aprovechar esta función de omitir como argumentos a funciones asegurarnos de que empiece a hundirse contigo. Podemos seguir adelante y empezar con Matt. El método de mapa se adjuntará a una matriz, igual que Filter fue en nuestra última lección. Entonces le pasaremos una función como argumento. Recuerde, eso es lo que hace filtrar mapa y reducir funciones de orden superior, pasando una función a una función. Cada elemento de nuestra matriz original interactuará con esta función de devolución de llamada y dará como resultado una nueva matriz filtrará a través de distancia algunos de los elementos de un mapa de matriz, transforma todos los elementos y los devuelve a una nueva matriz. Sigamos adelante y veamos una tasa similar o última flab. Veremos los días de la semana y un booleano de seguro falso en cuanto a si va a haber hijo, y luego también le agregaremos humedad. Con el número de valor en nuestro laboratorio anterior, usamos el dedo del filtro solo días de retorno en los que habría sol con mapa, vamos a devolver una matriz que funciona en cada elemento de nuestra matriz. Recuerda, cada elemento de nuestro rayo es en realidad un objeto separado por comentarios. Vamos a transformar esta matriz al tener el método de mapa trabajado a través de cada elemento de nuestra matriz y crear una nueva matriz devolviendo el valor de humedad. No estamos rechazando nada en una tarea falso valor como con filtro. Pero antes de hacer esto, hagámoslo con el ciclo for más difícil Primero declarará Una nueva variable que contendrá nuestro rayo llamado Húmedo, inicializará esta matriz con dos corchetes vacíos. Entonces haremos nuestro bucle de cuatro. Esperemos que esto se esté convirtiendo en una naturaleza muy segunda para saber que hay tres declaraciones que irán en tu declaración de bucle for. Una es la inicialización del contador var I igual a cero. Declaración a es la condición de prueba de que el contador es menor que la longitud de matriz del pronóstico Delgado. declaración de Arthur es la actualización de nuestro contador que usaremos una vez que hayamos pasado por un bloque de código. Si la condición de prueba era verdadera en nuestro bloque de código, simplemente nombramos nuestra nueva matriz. Creamos Húmedo. Entonces hacemos el método push en esta matriz porque no íbamos dedo del pie quieren agregar valores en nuestra nueva matriz. Dentro del empuje, paréntesis colocarán su argumento. Es la matriz de pronósticos en el índice de contador actual. En este caso es el objeto con un valor clave pares de día lunes, sol verdadero y humedad 10. Dentro de ese objeto, ponemos humedad de puntos, lo que significa que estamos tratando de acceder al valor de la humedad de la propiedad. Y eso es lo que estamos empujando hacia nuestra nueva lluvia a medida que pasamos por todos los valores de nuestra matriz actual y los empujamos a nuestra nueva matriz. Encontramos esa matriz húmeda y volcada llena de valores de 10 101 125 115 y 100. Esto te llevaría a creer que probablemente querrás mantener un paraguas en algún lugar cerca de ti durante el resto de la semana. Ahora, ¿cómo hacemos esto? Con el mapa de funciones de orden superior, declararemos una variable llamada húmeda. Esta será nuestra matriz. Observe cómo con el bucle for, había inicializado una nueva matriz y asignarla a la variable en un paso anterior. No en este caso. Mapa sabe que vas a crear un array var humano como asignado el valor de nuestro pronóstico una lluvia. A continuación adjuntaremos el método del mapa. Pasaremos una función a mapear. Esta es una función de devolución de llamada que se pasará cada elemento en nuestro pronóstico. Una tasa dará a la función un argumento del valor actual para cada elemento t usa a medida que pasa por cada elemento de la matriz. Dado que ya hemos utilizado la palabra humedad para una propiedad en nuestro array de pronósticos y húmedo para el nombre de nuestro nuevo array, utilizamos la palabra humectación para capturar qué tan saturadas son las áreas. También podríamos haber usado la palabra X. No importa, siempre y cuando coincida con lo que vamos a usar en nuestro bloque de código en el que entramos. Vamos a regresar. Sea testigo del elemento actual en la matriz con el valor de propiedad de la humedad y eso es más rápido, ¿ verdad? Cada vez que usas un mapa, es tener un bucle for. Agregas unos 15 segundos a tu vida y ojalá veas que crea menos oportunidades para rectificar el código equivocado. Sigamos adelante y veamos un ejemplo más usando mapa. Esto no será nada diferente a lo que ya hemos hecho, pero ojalá refuerce parte de la sintaxis y el lenguaje para usted. Vamos a usarlo en una matriz de números. Imaginemos que queremos multiplicar todos nuestros números por tres. Declararemos nuestra matriz. Ahí va a recolectar todos nuestros elementos transformados que han pasado por el método de mapa lo firmarán el valor de nuestra matriz de números en la matriz de números. Utilizaremos el método del mapa. Y debido a que el método del mapa es, ah , función de orden superior significa que podemos pasarlo de función porque las funciones son valor en JavaScript y los valores podrían pasarse en Java, script mapa va a pasar por cada elemento en nuestra matriz. Nuestro valor actual está representado por el argumento numb. Cada elemento de nuestra matriz, representado por el valor actual numb, se multiplicará por tres. Esto volverá a transformar cada elemento de nuestro rayo. Esto es diferente al filtro que elimina valores que no evalúan a true. Esto pasa todos los elementos en un estado transformado. Nuestra matriz triples ahora tiene un valor de 15 30 45 60 y 75. Muy bien, Gracias por acompañarme en esta primera mirada a los mapas. Te veré en el laboratorio donde empezamos a poner en práctica lo que hemos aprendido. 5. Los fundamentos de JavaScript - Programación funcional: laboratorio de mapas Lab: Muy bien, bienvenido de nuevo al laboratorio. En nuestra lección, seguimos adelante y miramos el mapa de funciones de orden superior. Haremos que sea una función de orden superior es su capacidad para aceptar otra función como argumento . Mapa es un método en una carrera. A diferencia del método de filtro, no elimina elementos de la nueva matriz en función de un valor de verdadero o falso. En cambio , transforma cada elemento. El método de mapa transforma una matriz aplicando una función a todos sus elementos y construyendo una nueva matriz a partir de los valores de retorno. El nuevo Array tendrá la misma longitud que la matriz de entrada, pero su contenido habrá sido mapeado a una nueva forma por la función. Adelante y hagamos algo de trabajo con el mapa y nuestra lección. Trabajamos a través de una matriz de objetos. Después cerramos con una matriz que triplicamos. Aquí está tu reto. Quiero que implementes el método de mapa dos veces. Esto significa que vas a crear una matriz, y en este punto probablemente querrás que esa matriz tenga valores numéricos, luego quieres que uses el método de mapa en ella dos veces. Eso podría sonar complicado Pero en este ejemplo, es más fácil de lo que piensas. En el script Java, es fácil ejecutar múltiples métodos o funciones seguidas. A esto se le llama encadenamiento método. Los métodos de encadenamiento, también conocidos como cascada, se refiere a llamar repetidamente a un método tras otro en un objeto en una línea continua de código. Esta técnica abunda en J Query, una biblioteca de JavaScript y otras bibliotecas de JavaScript, e incluso es común en algunos métodos nativos de script Java. Yo quiero que tomes una matriz de números como en nuestra lección, conduces elit mucho como lo triplicamos. Entonces quiero que cambies el mapa de métodos directamente al Entonces quiero que cambies el mapa de métodos directamente a eso y agregues uno a cada número en nuestra tarifa original. Adelante y dale una toma, pausa el video y en unos momentos volverán juntos y encontraremos una solución. Muy bien, cómo ir. Vamos a seguir adelante y crear una matriz de números. Todos declaran una variable llamada números y un hijo de los valores de 2468 10 y 12. Bueno, entonces asignarle una variable que espero atrapar se transforman array que el método de mapa ha trabajado dos veces. Si no lo conseguiste, eso está bien, pero esto probablemente sea mucho más simple de lo que pensabas. En primer lugar firmará a nuestro nuevo array. El valor de nuestra matriz de números con el método de mapa adjunto a eso pasará un argumento. Se trata de una función de devolución de llamada con el valor actual de molt que se ejecutará contra cada elemento . Voy a devolver este valor actual de la matriz por dos. Si fuéramos a consola, registremos esto en este punto, obtendríamos 48 12 16 2024. Pero recuerda, también queríamos agregar uno a nuestra nueva matriz. Entonces, ¿qué cadena? El segundo método de mapa a él, como describimos antes, es un simple como agregar un punto que adjuntar otro método de mapa. A ese Método Matt pasará una función como argumento. Esta será una función de devolución de llamada nuevamente que funcionó en cada elemento de nuestro rayo designado con el valor actual de malta. Nuevamente, nuestro bloque de código revela que contra cada valor de molt, vamos a sumar uno. Ahora, cuando ejecutamos el valor del doble, obtenemos una matriz de 59 13 17 21 y 25. Espero que eso tenga sentido. Adelante y asumamos otro reto. Esta vez te voy a dar una matriz de saludos declarará una variable llamada saludo y un signo en una matriz llena de los elementos de cadena de Hola Hola, Hey. Y gracias por el reto. Quiero que transformes estos elementos en una matriz llamada Shout. Quiero que transformes cada elemento en una cadena mayúscula. Si no estás seguro de cómo convertir una cadena de minúsculas a mayúsculas, puedes o bien un Google it, que siempre es un buen consejo. O puedes volver a nuestra lección de cuerdas en nuestra sección de bloques de construcción. También una opción sólida. ¿ Estás listo? Espera, hay más. Una vez que hayas creado esta matriz de gritos, quiero que luego te deshagas del primer elemento y lo guardes en una nueva variable llamada grito . Hola. Si necesitas ayuda para sacar un elemento del frente de una matriz, puedes volver a nuestra segunda o una lección, o siéntete libre de consultar a Google. Muy bien, adelante y pausar un video y darle una toma en unos momentos volverán juntos y encontrar una solución. Muy bien, ¿Cómo voy? Esperemos que puedas armar esto. Se encuentran varias piezas en movimiento. Encontrarás que como desarrollador en cualquier lenguaje de programación, la importancia de poder sintetizar todo lo que estás aprendiendo. Yo lo estoy juntando. Primero creemos una matriz que transforme nuestra matriz de saludo en una matriz de gritos declarará una nueva variable llamada Shout, y le enviaremos el valor de nuestro saludo de matriz. Entonces utilizaremos el método de mapa en nuestra violación que pasará por cada ítem en orden A que hemos dado un valor actual de saludo. Entonces llamaremos a la función de devolución de llamada que pasamos un mapa y en cada elemento de nuestro saludo o en nuestro bloque de código sobre cada valor actual, devolveremos el valor con el método a mayúsculas. El a mayúsculas convierte un valor de cadena en otra cadena de mayúsculas. medida que pasamos por cada elemento en nuestra matriz de saludo, terminamos con el arreglo de ducha. Contamos con mayúsculas. Hola. Hola. Oye. Y gracias. Esperemos que puedas conectar esos puntos. Si querías desafiarte a ti mismo, ahora puedes crear una matriz llamada Inferior Shout. De hecho, sigamos adelante y hagamos eso para asegurarnos de que esto se está hundiendo. Ya tenemos una matriz de saludo en la que todo es minúscula. Pero imaginemos que eso no existe. Y queremos convertir todas estas cadenas en nuestra matriz de minúsculas declarará una matriz de toehold variable llamada saludo Minúsculas Bueno, hijo del valor de nuestro show array. Bueno, entonces adjunte el método del mapa. Pasaremos al método mat, una función de devolución de llamada que funcionará en cada uno de los valores actuales de nuestra matriz con el nombre saludo nuevamente. Entonces, en nuestro código sobre cada valor de auto, devolveremos el valor del saludo con el método a minúsculas que convierte una cadena en todas las letras minúsculas. Ahora, cuando miramos la variable minúscula saludo, obtenemos una matriz con todos los saludos de cadena en minúscula. Está bien. La última parte de nuestro reto fue salvar nuestro alto de nuestro arreglo de ducha a una variable llamada alta tienda. Si volviste en qué lección de inicio ray o buscaba en Google ojalá encontrara una solución . ¿ Qué quita un elemento del frente de una matriz? El método de turno. Por lo que declaramos una variable llamada alta grito y le asignamos el valor de nuestro arreglo de ducha . Entonces usaremos el método de turno para despegar el frente de la matriz. No tenemos que rellenar el parámetro. No necesitamos un argumento porque no estamos agregando nada simplemente estaban eliminando un valor fuera del frente de la matriz. Entonces cuando nos fijamos en alto grito, nos ponemos altos en todas las gorras. Está bien, eso es todo lo que tenemos. Por ahora. Gracias por echar un primer vistazo al método del mapa como función de orden superior. Nos vemos en nuestra próxima lección. 6. Los fundamentos de JavaScript - Programación funcional: reduce: Bienvenido de nuevo a Java. Guión Los fundamentos. En esta lección, estamos continuando nuestra mirada un programa funcional. Específicamente, estamos viendo el método de reducción en una carrera. En nuestras lecciones pasadas, miramos Filter, que rechaza elementos basados en un valor verdadero o falso al crear una nueva matriz y mapa, que no rechaza ningún elemento sino que los transforma todos en una nueva matriz. Volvamos a la imagen de Twitter que vimos cuando miramos por primera vez esta sección sobre programación funcional, que nos da pseudo código para lo que funciona el orden superior. Planificar, filtrar y reducir Do para Matt Way. Vea, hay una función de devolución de llamada que funciona en cada elemento de la matriz. En este caso, la función es cocinar, que cocinó cada elemento un K A los transforma en una nueva matriz de hamburguesa de palomitas y así hace Filter, luego utiliza una función de devolución de llamada en cada elemento de la matriz, llamado Es Vegetariano y basado en un valor verdadero o falso, devuelve todos los valores verdaderos a otra nueva matriz. Ahora a reducir y este pseudo código de emoji. Vemos que una función de devolución de llamada actúa sobre cada elemento de nuestro rayo, pero lo hace de tal manera que nuestro elemento de palomitas de maíz y huevos se reduce a un elemento en este caso, el final del tracto digestivo. Reducir es genial para la transformación de listas si no puedes encontrar un método de transformación de lista pre barco que reducir es para ti. El método reducido aplica una función contra un acumulador y cada valor de la matriz de izquierda a derecha para reducirlo a un solo valor. Reducir método ejecuta una función proporcionada para cada valor de la matriz. almacena el valor de retorno de la función y luego un acumulador. Empecemos mirando la sintaxis del método array reduce aquí tenemos array con el método reducido adjunto a ella. Hemos pasado a la de función con los promotores de acumulador valor corriente índice array un valor inicial. El primer argumento es teatro Hume, te euforaste Resultado de la reducción hasta el momento. Si hay un valor inicial, esto será en el acumulador donde iniciemos, también conocido como el valor anterior. Este es el valor acumulado devuelto a través de cada devolución de llamada. Esto se requiere a continuación tenemos el valor actual. Esto también se requiere. Este es el valor actual del elemento. A continuación, tenemos el índice de matriz del elemento actual, seguido del objeto array al que pertenece el elemento actual. Está bien, sigamos adelante y miremos un ejemplo para ver cómo funciona esto. Vamos a declarar una variable llamada en números lo firmará un valor de la matriz con los elementos 123 y cuatro. Usaremos el método de reducción en esta matriz de números. Pasaremos a ella la función callback con parámetros para acumulador y corriente, que requirieron un índice y ahí ray objeto que son opcionales. También atacaremos el valor inicial opcional. Ahora veamos qué hacen. Smith. Se ve como en acción bajo el capó. Vamos a crear una columna para la corriente acumuladora Índice de valor y un objeto ray además es el resultado para rastrear dónde estamos porque le dimos a un método reducido un valor inicial opcional que se sentará en el acumulador cuando empecemos. Nuestro valor actual es el número uno en el índice cero de la lluvia objeto. El resultado de nuestro bloque de código de acumulador más valor actual es de seis. Recuerda, esto es como un bucle, así que vamos a seguir moviéndonos a través de nuestro array. No hemos acumulado valor de seis. Nuestro valor actual es a un índice. Uno de nuestro objeto array cuando agregamos el acumulador al valor actual, regresamos un resultado de ocho cuando volvemos a nuestro acumulador. Ahora con el valor de ocho lo sumará al valor actual de tres en el índice a en nuestra matriz. Objeto con el resultado de 11. Por último, pasaremos por una vez más. Nuestro acumulador tiene el valor de 11 agregado al valor actual de cuatro en el Índice tres para un total de 15. Ahí tienes, una implementación básica del método de reducción en una carrera. Ahora sigamos adelante y hagamos esto una vez más con un enfoque un poco más complejo. Redujamos múltiplo de raise dentro de un array en uno. Array comenzará pero los declaró variable, llamada multi R, que firmará el valor de array con tres elementos dentro de él. Cada elemento una matriz con dos elementos dentro de ella adjuntará un método reducido a nuestra variable multi r pasará a ella. El callback función con los parámetros de acumulador, índice de valor actual y array el único valor que estamos devolviendo será en lo que respecta al acumulador y a la lucha actual. Seguiremos adelante y demostraremos lo que está pasando bajo el capó, con algunas filas y columnas que muestran cómo funciona reducir. Primero en nuestro acumulador, primero en nuestra fila de acumuladores, ya tenemos un valor inicial dado remolcándonos. Se trata de una matriz con el vicio de dos negativos y uno negativo. Podemos ver en nuestro bloque de código que vamos a devolver el valor de nuestro acumulador en este caso negativo a uno negativo y se puede comer Cassin. Aprendimos sobre la concatenación en la sección JavaScript de bloques de construcción del curso. Siéntete libre de volver a eso o Google el método can cat si necesitas un refresco. Esencialmente, en este caso, estamos tomando los elementos del pasado array como argumento al método cat y los adjuntamos al final de la matriz. El método se adjunta a así cuando podemos gato hay array de cero y uno un índice cero, que es nativo y negativo. Obtenemos un valor de retorno de una matriz de negativo a negativo 10 y uno cuando repetimos el proceso con un valor acumulador de un array de negativo a negativo 10 y uno en índice uno con una matriz de he usado dos y tres, y podemos cat esto al final de la matriz para nuestro nuevo valor de retorno. Tenemos un array de negativo a negativo 1012 y tres. Repetimos este proceso una vez más, devolviendo un valor final de una sola matriz con los elementos de negativo a negativo 101234 y cinco. Y eso es todo. Gracias por echar este primer vistazo al método de orden superior de reducir para una carrera. Nos vemos en el laboratorio para poner en práctica lo que hemos aprendido. 7. Los fundamentos de JavaScript - Programación funcional: reduce el laboratorio: Muy bien, bienvenido de nuevo al laboratorio. En nuestra lección, miramos Reducir. Reducir es ah, función de orden superior reducida Toma dos argumentos reducidos se iterarán a través de nuestro rayo y devolver un valor a nosotros reduce mapa y filtro flexibles y altamente personalizables. Ya miramos realizar un tipo de tarea específica, pero reducir tiene un alto nivel de personalización. Está bien, sigamos adelante y hagamos un problema de práctica. Vamos a seguir adelante y mirar una matriz de objetos, todos declarando variable llamada home runs y asignados a ella objetos con nombres de propiedad para orden de bateo y asignar esas propiedades variables de número home run. Nuestro objetivo será sumar todos los jonrones desde nuestra línea de bateo declarará una variable llamada total homers y la asignará al valor de su matriz de home runs y llamó al método de reducción en ella. Pasaremos el método de reducción, una función de devolución de llamada Onley esta vez para los parámetros. No seremos tan descriptivos como lo estábamos en la lección. La programación funcional generalmente lo mantiene bastante simple. Utilizará los parámetros A y B para el acumulador y el valor actual. Ya que no vamos a devolver el índice o matriz. Realmente no necesitamos ponerlos como parámetros como lo hicimos en nuestra lección. Vamos a consola log son acumulador y valor actual para ver qué están haciendo. No obstante, sólo pondré la cadena un acumulativo, seguido del parámetro que mantendrá nuestro valor acumulado, seguido de un valor actual de cadena con este parámetro correspondiente. Bueno, entonces regresa lo que estábamos buscando. El home corre en la alineación. Tomaremos nuestro valor acumulado a medida que nos movemos por la matriz y sumamos el valor actual. Empezamos con cero y 12 después pasamos a 12 y 21 luego a 33 28 así sucesivamente. Cuando regresamos el valor de los homers totales, obtenemos 194. Muy bien, sigamos adelante y empecemos con un par de implementaciones del método reducido. Con un reto, quiero que creéis una matriz de números. Usemos al menos cinco. Entonces quiero que uses el método de reducción para encontrar la suma de todos los números. A continuación, quiero que vuelvas a utilizar el método de reducción para encontrar lo que igualan todos los números cuando los multiplicas juntos. Y luego quiero que hagas una cosa más que podría requerir un poco de poder cerebral. Quiero que uses el método reducido para devolver el número más grande y una matriz que será difícil. Tendrás que usar alguna lógica if else. Muy bien, adelante y video positivo y darle una oportunidad volverá a estar juntos en unos momentos y encontrar una posible solución. Muy bien, Cómo ir Estos 1er 2 retos probablemente no fueron un problema para ti, pero ojalá te permitieran solidificar lo que has aprendido a través de la práctica. Vamos a crear una matriz de cinco elementos 5 10 15 2025 Vamos primero a financiar los algunos de ellos todos. Simplemente pondré reducir en nuestro array de números le pasará una función con Parámetros X e Y . Recuerda, estos son los mismos que nuestro valor acumulado y valor actual Bueno, entonces devuelven el valor final después de que hayamos pasado por la matriz. Cuando hacemos un registro rápido de puntos cónsul, vemos que cinco más 10 es 15. 15 más 15 es 30 más 20 es 50 y 50 más 25 es 75. Ahora vamos a hacer el producto de todos los valores en los números Array surgirá esencialmente el mismo código, pero en lugar de las adiciones operador usará el operador de multiplicación. Tenemos cinco veces 10 para el valor 50 seguido de 50 veces 15 para un total de 750 y así sucesivamente hasta que terminemos nuestra matriz con el total de 375,000. Está bien, es hora de un gran reto. Esto requerirá que hagas algo de pensamiento. Vas a utilizar el método reducido para pasar por nuestra matriz y devolver el elemento con el mayor valor. Echemos un vistazo a una posible solución. Usaremos un método reducido en la matriz de números volverá a nuestros parámetros de un valor acumulativo y actual. Entonces nos encontraremos con una declaración condicional. Nuestra palabra clave si nos va a obligar a preguntar si la expresión entre paréntesis es verdadera o falsa. Si es cierto, entramos al bloque co. Si es falso, pasamos por encima. Si es cierto, devolverá el actual un valor acumulativo si false devolverá el valor actual. Sigamos adelante y cambiemos nuestra matriz para este reto. Cambiemos las órdenes. A 10 5 2025 15 y nuestra primera corrida a través de nuestro valor acumulado va a ser 10 y le preguntaremos si es mayor que nuestro valor actual de cinco. Eso es cierto, por lo que devolveremos el valor acumulado de 10 en este punto. Pero vamos a seguir reiterando a través de nuestro array, por lo que pediremos el siguiente elemento de nuestra tarifa. 20 como elemento actual es más pequeño que su valor acumulativo A que es falso. Por lo que vamos a nuestra declaración else devolviendo nuestro valor de elemento actual de 20. Seguimos pasando por nuestro rayo hasta devolver el valor de 25 como un solo valor de la matriz que es la más grande. Muy bien, vamos a seguir adelante y cerrar con un último ejemplo que vamos a practicar juntos. Vamos a utilizar tanto el método de mapa como el método reducido. Juntos, vamos a utilizar el método de mapa en una matriz para devolver una nueva matriz. Entonces vamos a usar el método reducido en esa matriz para devolver el nuevo valor de la batería , en realidad en lugar de hacerlo juntos. Hagámoslo un reto. Tienes todo lo necesario para hacer esto fácilmente. Podría tomar algo de poder cerebral y recordar el método de encadenamiento que vimos en lecciones anteriores , pero puedes lograr esto por tu cuenta. Adelante y pausar el video, y luego nos juntaremos en unos momentos y encontraremos una solución. Muy bien, ¿Cómo ir? Sigamos adelante y creemos en números. Array declarará una variable y el hijo de la matriz con los elementos 123 y cuatro. Primero implementemos el método de mapa. Todos van adelante y transforman cada elemento de la matriz multiplicándolo por. Tres aplicarán el método del mapa. Tore numbers array pasará a ella, una función con el parámetro de número para representar cada elemento de la matriz que vamos a transformar. Y nuestro bloque de código devolverá nuestra nueva matriz de cada elemento multiplicado por tres. Nuestro siguiente paso es tomar todos los valores de esta nueva matriz y encontrar ahí a algunos que cambien el método reducido a nuestro abrigo actual. También podríamos simplemente adjuntarlo a la variable triples. Si quisiéramos trabajar de una manera menos eficiente pasaremos a ella. El callback función con los parámetros A y B que representan el valor acumulado más el valor actual. Nuestros valores triplicados son 369 y 12. Y ahora vamos a sumar estos valores juntos. Tres más seis es nueve más nueve es 18 y 18 más 12 es 30 y ahora nuestra variable triples tiene el valor de 30. Eso es todo lo que tenemos para un laboratorio ahora. Gracias por acompañarme y echar un vistazo a reducir una acción. Nos vemos en nuestra próxima lección.