Contar elementos en un array con reduce y agrupar por rango
Clase 11 de 28 • Curso de Manipulación de Arrays en JavaScript
Contenido del curso
- 2

Recorrido de Arrays con Foreach en JavaScript
09:35 - 3

Mutabilidad vs Inmutabilidad en Programación JavaScript
04:17 - 4

Uso de Map para Transformaciones en JavaScript y Renderizado HTML
07:28 - 5
Playground: multiplica todos los elementos por dos
00:00 - 6

Transformaciones avanzadas con map en JavaScript
09:59 - 7
Playground: calcula y agrega nuevas propiedades a un array
00:00 - 8

Filtrado de Arrays en JavaScript con el Método Filter
12:41 - 9
Playground: retorna solo palabras de 4 letras o más
00:00 - 10

Uso del método reduce en JavaScript para sumar elementos de un array
07:09 - 11

Contar elementos en un array con reduce y agrupar por rango
10:29 - 12
Playground: calcula la suma total de elementos en un array
00:00
- 13

Uso de la función "sum" en JavaScript para evaluar condiciones
11:45 - 14
Playground: ¿al menos 1 de los números es par?
00:00 - 15

Uso del método `every` en JavaScript para validaciones de arrays
04:13 - 16
Playground: retorna un booleano si todos los elementos son pares
00:00 - 17

Uso de los métodos find y findIndex en JavaScript
06:20 - 18

Uso del método includes en JavaScript para arrays y strings
04:59 - 19
Playground: buscador de palabras con parámetros de búsqueda
00:00 - 20

Unificación y separación de arrays con join y split en JavaScript
07:02 - 21
Playground: construye URLs a partir de strings
00:00 - 22

Fusión de Arrays con Concat y Operador Spread en JavaScript
09:35 - 23

Aplanar Arrays en JavaScript con Flat y FlatMap
06:45 - 24

Uso de FlatMap para Extraer Fechas de Calendarios en JavaScript
09:22 - 25
Playground: calcula el total de palabras en un texto
00:00 - 26

Métodos Mutables e Inmutables en Arrays: Manipulación y Búsqueda
10:27 - 27

Ordenamiento de Arrays con el Método Sort en JavaScript
07:13
Ahora que ya sabes cómo funciona el método reduce de arrays, podemos utilizarlo para crear un objeto con la frecuencia de cada elemento de un array, es decir, cuántas veces aparece.
Objeto de frecuencias
Para obtener un objeto de frecuencias de cada elemento de un array es necesario tener presente las siguientes consideraciones:
- Establecer un objeto vacío como valor inicial del método
reduce. - El objeto vacío también será nuestro acumulador.
- Verificar si el elemento ya existe en nuestro objeto de frecuencias.
- Si no existe, creamos la propiedad referente al elemento del array y le inicializamos en 1.
- Si ya existe solamente debemos aumentar en una unidad la propiedad de nuestro objeto referente al elemento del array.
- Finalmente, debes retornar el objeto dentro de la función del método
reduce.
Por ejemplo, con el siguiente array llamado items:
const items = [5, 6, 7, 6, 5, 7, 7, 8]
El objeto de frecuencias será el siguiente:
{
5: 2,
6: 3,
7: 2,
8: 1,
}
Utilizando el método reduce para crear un objeto de frecuencias
Una vez entendido la entrada y salida del algoritmo, entonces el código será utilizado de la siguiente manera:
const frecuencias = items.reduce((objeto, elemento) => {
if (!objeto[elemento]){
objeto[elemento] = 1
}else{
objeto[elemento] = objeto[elemento] + 1
}
return objeto
}, {})
De esta manera obtendrás el objeto de frecuencias. Puedes utilizar este algoritmo para contar elementos de cualquier array.
Contribución creada por: Andrés Guano.