Higher order functions

30 días de JavaScript

¡Te damos la bienvenida a este reto!

¡Bienvenido al mundo de JavaScript!

Día 1

Variables, funciones y sintaxis básica

Tipos de datos

Playground - Retorna el tipo

Tipos de datos - pt 2

Día 2

Operadores

Hoisting y coerción

Playground - Calcula la propina

Alcance de las variables

Día 3

Condicionales

Playground - Calcula años bisiestos

Switch

Playground - Obten información de mascotas según su tipo

Ciclos

Playground - Dibuja un triangulo

Día 4

Arrays

Playground - Encuentra al michi mas famoso

Objetos

Playground - Obten el promedio de los estudiantes

Día 5 - Checkpoint

Playground - encuentra el palindromo más grande

Día 6

Reasignación y redeclaración

Modo estricto

Día 7

Debugging y manejo de errores

Programación funcional

Quiz: Día 7

Día 8

Closures

Playground - Crea una calculadora con closures

Higher order functions

Playground - Crea tu propio método map

Día 9

ECMAScript

TC39

Quiz: Día 9

Día 10 - Checkpoint

ES6

ES7

Playground - Task planner

Día 11

Asincronismo

Playground - Promesas

Manejando el asincronismo

Playground - Resuelve el callback hell usando promesas

Playground - Resuelve el callback hell usando async/await

Día 12

Arrays a profundidad

Métodos de arrays: Every, Find y findIndex

Playground - Válida el formulario

Día 13

Métodos de arrays: Includes, Join y concat

Playground - agrupa los productos

Métodos de arrays: Flat y FlatMap

Playground - Encuentra la ubicación del valor buscado

Día 14

Mutable functions

Playground - Modifica una lista de compras

Métodos de arrays: sort

Playground - Ordena los productos

Día 15 - Checkpoint

Playground - Sistema de reservaciones de un hotel

Día 16

Programación orientada a objetos en JavaScript

Objetos literales

Playground - Congela el objeto recursivamente

Día 17

Prototipos en JavaScript

Playground - Modifica el prototype de los arrays

Playground - Crea un auto usando clases

Día 18

Abstracción en JavaScript

Playground - Sistema de carrito de compras

Encapsulamiento en JavaScript

Playground - Encapsula datos de los usuarios

Día 19

Herencia en JavaScript

Playground - Jerarquía de animales

Polimorfismo en JavaScript

Playground - Sistema de pagos

Día 20 - Checkpoint

Playground - Agenda de vuelos

Día 21

Patrones de diseño

Sinlgeton y Factory pattern en JavaScript

Playground - Implementa singleton en un chat

Día 22

Adapter y Decorator pattern en JavaScript

Playground - Personaliza productos de una tienda

Builder y Protype pattern en JavaScript

Playground - Mejora el código usando builder pattern

Día 23

Facade y proxy pattern en JavaScript

Playground - Proxy en servicio de mensajería

Chain of responsability y Observer pattern en JavaScript

Playground - Implementación de Observador en Newsletter

Día 24 - Checkpoint

Playground - Crea un task manager con patrones de diseño

Día 25

Estructuras de datos en JavaScript

Playground - Crea tu propia implementación de un array

Hash tables en JavaScript

Playground - Implementación de una HashTable para Contactos

Día 26

Set en JavaScript

Playground - Remueve duplicados de una lista

Maps en JavaScript

Playground - Crea un organizador de tareas

Día 27

Singly Linked List en JavaScript

Playground - Agrega métodos a la singly linked list

Playground - Implementación de una singly linked list

Día 28

Stacks en JavaScript

Playground - Crea un stack para una playlist

Día 29

Queues en JavaScript

Playground - Crea una cola de emails

Día 30

¡Lo lograste!

Live Class

30 días de JS con Juan DC

30 días de JS con Nicobytes

30 días de JS con GNDX

30 días de JS con LeoCode

30 días de JS con Teffcode

Sesión: Cierre de los 30 días de JavaScript

Higher-Order Functions are a fundamental feature of JavaScript functional programming. As we saw in previous classes these are pure functions that can take other functions as arguments and/or return functions as results. This allows you to create more generic and reusable functions that can be combined in different ways to create more complex functions.

...

Contributions 4

Questions 0

Sort by:

Want to see more contributions, questions and answers from the community?

Luis Castro

2 years ago

¿Qué son las Higher Order Functions en JavaScript?

Las Higher Order Functions (Funciones de orden superior o Ciudadanos de Primer Orden) son un concepto fundamental en la programación funcional en JavaScript. Una función de orden superior es aquella que puede tomar una o más funciones como argumentos y/o devolver una función como resultado.

Un ejemplo común de Higher Order Function en JavaScript es el método Array.prototype.map(), el cual recibe una función como argumento y devuelve un nuevo array con los resultados de aplicar la función a cada elemento del array original.

Otro ejemplo es el método Array.prototype.filter(), el cual recibe una función como argumento y devuelve un nuevo array con los elementos que cumplen la condición definida en la función.

Las Higher Order Functions permiten escribir código más modular y reusable, ya que separan la lógica del programa en funciones más pequeñas y específicas. Además, promueven el uso de funciones como valores de primera clase en JavaScript, lo cual permite realizar operaciones más avanzadas como la composición de funciones y la curificación.

Carlos Andrade

2 years ago

27/89 Higher order functions
Son funciones que pueden tomar otras funciones como argumentos y/o devolver funciones como resultados, lo que permite crear funciones más genéricas y reutilizables. Además, estas funciones tienen la capacidad de manipular otras funciones de manera genérica y crear funciones más pequeñas y reutilizables.

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(function(number) {
  return number * 2;
});
console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]
console.log(numbers) // Output: [1, 2, 3, 4, 5] 
// El array original sigue intacto

En el primer ejemplo, se utiliza la función “map” como una higher-order function para aplicar una función de multiplicación a cada elemento de un array con los resultados.

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});
console.log(evenNumbers); // Output: [2,4]

En el segundo ejemplo, se utiliza la función filter como una Higher-Order function para filtrar los elementos de un array de números que cumplen con una determinada condición y devolver un nuevo array con los elementos filtrados.

IRIDIAN GUADALUPE CARRERA MONDRAGÓN

2 years ago

**Higher order functions **
Sirven para crear funciones reutilizables que puedan ser combinadas para crear funciones más complejas.
También ayudan a crear funciones más pequeñas y reutilizables.
Ejemplo: map y filter.

Filter devuelve un array con los elementos que cumplen la condición.

map devuelve un array con los resultados después de aplicar la función a cada elemento del array original (map ayuda a que el array original quede intacto).

Nicolás Iván Martínez Herrera

2 years ago

Es interesante que esta lectura sea continua a la otra ya que si se utilizan HOF con closure functions se pueden hacer cosas…“divertidas”.