Método reduce

Clase 13 de 30 • Taller Práctico de JavaScript: Matemáticas y Estadística Básica

Clase anteriorSiguiente clase

Javier Armando Choque Sansuste

student•

Qué buena idea!. Hacer estos cursos para programar y hacer matemáticas a la vez.

Remix Zapata

student•

Ya que nos pusimos en contexto con las Arrow Functions, aquí está mi solución

const esPar = (lista) => lista.length % 2 ? false : true;

Luis Ángel Pérez Meléndez

student•

el digno (?) ¿cual es su funcion, podrias explicarme?

Remix Zapata

student•

Hola, he cambiado algunas cosas para mejorar su entendimiento

En pocas palabras:

El signo (' ? ') lo podrías leer como un "entonces haz esto" y
El signo (' : ') lo podrías leer como un "de lo contrario haz esto" o también como un "sino, haz esto".

Te dejo por aquí la documentación de los operadores ternarios por si te surgen más dudas.

Fernando Yutiz

student•

$math.jpg$

Aaron Santiago Loyo Zabala

student•

I 🤬 MATH

Beder Danilo Casa Condori

student•

jajaja

Rubén Ernesto Aragón Gil

student•

Maria Tohabanda Duchi

student•

A mi me gusta el método reduce :)

LEDIER SNEIDER BUSTOS QUIPO

student•

Hay dias que siento que no aprendo aunque este sentado todo el dia frente al pc, como hay otros dias que siento que aprendo mucho y hoy es uno de los dias que siento que aprendi, se que son cosas sencillas pero todos iniciamos asi.

Comparto mi codigo

Jordany Monegro

student•

Calcular si un numero es par en un array

let numeros = [1,2,3,4,5,6,7,8,9,10];

let calcular = function(numeros){
    for(let i = 0; i < numeros.length; i++){
        if (numeros[i] % 2 == 0){
            alert('El numero ' + numeros[i] + ' es par.');
        }
    }
}
calcular(numeros);

Freddy René Carías Vásquez

student•

function  parEinpar (numeros){
    for(let i = 0; i < numeros.length; i++){
        if (numeros[i] % 2 == 0){
            console.log('El numero ' + numeros[i] + ' es par.');
        }else {
            console.log ('El numero ' + numeros[i] + " es impar")
        }
    }
}
parEinpar([25,3,5,2,5,8,3,])

//es tu código (por cierto me ayudó mucho ,Gracias)  y solo le agregué el else para que diga cuales son los impares y llamar la función e agregarle los numeros que queramos

Julio Peña

student•

Entender el método reduce me resultó muy confuso, y aunque creo que Juan explica muy bien tuve que recurrir a tutoriales de YT para entender este concepto mejor.

Recomiendo al 100% el video de HolaMundo para entenderlo de otra manera, además ahí puedes ver un par de ejemplos de uso en la vida real.

Programación funcional en JavaScript, parte 3: Array Reduce

José Miguel Guerrero Albarrán

student•

Daniel Triana

student•

Para saber si es par

const isPair = arr => arr.length % 2 ? false : true;
isPair(list); // Llamarlo

Luis Ángel Pérez Meléndez

student•

los signos (?) y (:). ¿cual es su funcion?

Mateo Arias Correa

student•

Este es mi aporte para hallar el promedio

function average(array){
    console.log('Los datos que ingreso fueron: ',array)
    const suma= array.reduce((sum,item)=>item+sum,0);
    averageResult=suma/(array.length)
    console.log('el promedio es: ',averageResult)
}
average([1,2,3,4,5]);

Joaquin Federico Demarchi

student•

Nose por que no se ejecuta el reduce dentro de una funcion, desde el depurador me sale el siguiente mensaje : "preciosDeCompra.reduce is not a function at HTMLButtonElement.calcularPromedioCompra (scripts.js:23:3" imagen

Joaquin Federico Demarchi

student•

Ivan de jesus Romero leal

student•

Que tal amigo, creo que tienes que quitarles las llaves a la arrow funcion del reduce en la linea 21, donde estas haciendo un " {a+b} ", prueba quitandoselas

Edwin Campero

student•

No entiendo el porque en consola me aparece NaN, no veo mi error, me podrian ayudar por favor

function calcularPromedio(lista) {

    function sumarTodosElementos(valorAcumulado, nuevoValor) {
      return valorAcumulado + nuevoValor;
    }

    const sumaLista = lista.reduce(sumarTodosElementos);

    let promedio = sumaLista / sumaLista.length;
    console.log(promedio);
    return promedio;
}

Kevin J. Zea Alvarado

student•

Hola, Edwin. 👋

El problema está en esta línea: let promedio = sumaLista / sumaLista.length;, ya que sumaLista es una suma, un número; por lo tanto, no tiene la propiedad length. Ahí debería sustituirlo la variable lista.

La línea debería quedar así: let promedio = sumaLista / lista.length;.

Edwin Campero

student•

Gracias eso soluciono el problema

Santiago Quintero

student•

Me gustaría saber bien la explicación del porqué se dice que no es muy recomendable usar el reduce.

ya van varios lugares donde escucho lo mismo, sin embargo, tambien veo otros lugares donde la usan mucho jaja

Pedro Andrés Chaparro Quintero

student•

Como dijo Juan en la clase, no está mal utilizar un ciclo for, ni está mal utilizar un reduce. Después de revisar esta clase y algunos foros, veo que a lo que se refieren es a que "normalmente" el método reduce suele ser más complicado de entender o leer en comparación con los otros métodos de arrays como el map, pero esto no significa que no se deba usar, de hecho es algo muy subjetivo, ya que a otras personas les puede parecer más fácil de entender / leer

Al final depende del desarrollador, pero con lo que hay que tener cuidado es con darle usos "indebidos", como filtrar un array utilizando el reduce, ya que para eso existe otro metodo.

Por cierto, si te gusta más utilizar el reduce en lugar de un for, tal vez te guste la Programación funcional.

Aquí algunos de los foros que revisé:

Iván Orlando Ocampo Rivera

student•

Aquí dejo mi aporte. Me apoye en la documentación para profundizar.

function calculateAverage(list){
    let initialValue = 0;

    let addInitial = list.reduce((accumulator, currentValue) => accumulator + currentValue, initialValue)

    const average = addInitial / list.length;
    console.log(average);
}

Guadalupe MoralesCarmona

student•

Para saber si el array contiene un numero par de elementos yo lo haría así:

const array1 = [4, 5, 1, 9];
let isPar = true;

if (array1.length % 2 === 0) {
  isPar = true;
} else {
  isPar = false;
}

Lucas Matias Abal

student•

Calcular si un numero es par en un Array

//si es par retornar true si no retornar false
let Lista = [1,2,3,4];

function esPar (Lista){
    if (Lista.length % 2 === 0){
        return true;
        }else {
            return false;
        }
    }

    console.log(esPar(Lista));

Rubén Vega

student•

Estoy escribiendo todo en ingles, ya que es el estandar. Por ejemplo para sumarTodosElementos, utilizo elementsSum. Al final coger la costumbre de escribir y leer en ingles se hace costumbre hasta el punto de que hacerlo en espanol se convierte en lo "raro"

Jefferson Alexander Porras Coronado

student•

function siEsPar(numero) { if (numero % 2 == 0) { return true }else{ return false } }

Nestor Rios Garcia

student•

UFF

Si hubiera visto esto en mis primeros días estudiando JS pensaría que es magia negra.

const isEven = array => array.length % 2 == 0 ? true : false
isEven(numbers)

Al final el código quedo recortito:

const numbers = [1, 2, 3, 4, 5]

function average(array) {
    const sum = array.reduce((a, b) => a+ b)
    return sum / array.length
}
average(numbers) // 3

Método reduce

Introducción

¿Ya tomaste el Curso Práctico de JavaScript?

Matemáticas en JavaScript

Fórmulas matemáticas en JavaScript

Math en JavaScript

Reto: altura de un triángulo

Playground: Calcula la Altura de un Triángulo Escaleno

Porcentajes

Cómo calcular porcentajes

Calculando descuentos con JavaScript

Ejercicio de crear cupones de descuento

Método find vs. método filter

Playground: Encuentra el ID

Estadística básica

Qué es promedio, moda y mediana

Calculando el promedio

Método reduce

Calculando la mediana en una lista impar

Calculando la mediana en una lista par

Método sort

Calculando la moda: objetos a partir de arrays

Calculando la moda: arrays a partir de objetos

Playground: Transforma Objetos en Arrays

Promedio Ponderado en JavaScript: Fórmulas y Casos de Uso

PlatziMath: clases y métodos estáticos

Análisis de salarios

Cómo estructurar información en proyectos de software

Análisis salarial con JavaScript

Proyección salarial personal

Reestructurando información sobre la marcha

Salarios empresariales

Proyección de salarios por empresas

Top 10% de salarios

Análisis de la Mediana Salarial con HTML, CSS y JavaScript

Próximos pasos

Toma el Taller Práctico de JavaScript: Videojuegos