Saltar al contenido

Encadenar

JavaScript · Unidad 10: Más sobre funciones

Como filter y map regresan un arreglo, puedes encadenarlos, y reduce puede cerrar la cadena. Se lee de arriba hacia abajo: cada paso recibe lo que dejó el anterior.

reduce regresa un solo valor, así que va al final.

const precios = [120, 45, 300, 80];
const total = precios
  .filter((p) => p >= 80)
  .map((p) => p - 10)
  .reduce((t, p) => t + p, 0);
console.log(total);

Imprime

470

El resto de la explicación está en la lección, que es del plan completo.

Ejercicios de esta lección

Se hacen en la app, que los corrige al momento y explica por qué.

  1. 1. Predice la salida

    ¿Qué imprime este código?

  2. 2. Opción múltiple

    ¿Qué guarda r?

  3. 3. Completa el código

    Completa para imprimir cuánto suman los gastos de más de 100.

  4. 4. Predice la salida

    Los mismos pasos, al revés. ¿Qué imprime?

  5. 5. Ordena las líneas

    Ordena la función que suma lo que pagas por los productos de más de 100, con un cupón que le quita 20 a cada uno.

  6. 6. Encuentra el bug

    Este programa debería sumar lo que cuestan las cosas de más de 15 e imprimir 55. ¿Qué línea tiene el error?

  7. 7. Opción múltiple

    Una cadena de cinco pasos da un resultado raro. ¿Qué te ayuda más a encontrar el paso que falla?

  8. 8. Predice la salida

    La cadena ya está partida en pasos. ¿Qué imprime?

  9. 9. Completa el código

    Completa para contar las vocales de "murcielago".

  10. 10. Encuentra el caso que falla

    iniciales(nombre) debería regresar las iniciales en mayúsculas, como "AR" para "ana ruiz", aunque haya espacios de más entre las palabras. ¿Con qué llamada falla?

  11. 11. Predice la salida

    Todo junto, con un callback con nombre. ¿Qué imprime?

Hacer esta lección

Se abre en el navegador. Esta lección es del plan completo; la primera unidad de cada curso es gratis.

Ver todas las lecciones →