Filtrado y reducción con filter( ) y reduce( )

Proceso de `reduce`: 1. **Inicio:** El `accumulator` es `{}`. 2. **Primera iteración:** * `currentValue` es `'apple'`. * `accumulator['apple']` no existe, así que se establece `accumulator['apple'] = 1`. * `accumulator` ahora es `{'apple': 1}`. 3. **Segunda iteración:** * `currentValue` es `'banana'`. * `accumulator['banana']` no existe, así que se establece `accumulator['banana'] = 1`. * `accumulator` ahora es `{'apple': 1, 'banana': 1}`. 4. **Tercera iteración:** * `currentValue` es `'hello'`. * `accumulator['hello']` no existe, así que se establece `accumulator['hello'] = 1`. * `accumulator` ahora es `{'apple': 1, 'banana': 1, 'hello': 1}`. 5. **Cuarta iteración:** * `currentValue` es `'bye'`. * `accumulator['bye']` no existe, así que se establece `accumulator['bye'] = 1`. * `accumulator` ahora es `{'apple': 1, 'banana': 1, 'hello': 1, 'bye': 1}`. 6. **Quinta iteración:** * `currentValue` es `'banana'`. * `accumulator['banana']` existe, así que se incrementa `accumulator['banana']` en 1. * `accumulator` ahora es `{'apple': 1, 'banana': 2, 'hello': 1, 'bye': 1}`. 7. **Sexta iteración:** * `currentValue` es `'bye'`. * `accumulator['bye']` existe, así que se incrementa `accumulator['bye']` en 1. * `accumulator` ahora es `{'apple': 1, 'banana': 2, 'hello': 1, 'bye': 2}`. 8. **Séptima iteración:** * `currentValue` es `'bye'`. * `accumulator['bye']` existe, así que se incrementa `accumulator['bye']` en 1. * `accumulator` ahora es `{'apple': 1, 'banana': 2, 'hello': 1, 'bye': 3}`.

Shortcut de `console.log` en VisualStudioCode: **-> clg** \*\* Solo funciona habiendo instalado previamente la extensión `JavaScript (ES6) code snippets`

No termino de entender bien como funciona **reduce()**. Estoy buscando un sitio donde lo expliquen de mejor manera

Excelente explicación y buena onda 😎

Reduce es una método para "reducir" arreglos (valga la redundancia) Donde la "reducción" típicamente se usa para llegar a un solo valor, pero no es necesariamente así: se puede usar un reduce para implementar un map o crear un objeto aún más "grande" reduce toma dos argumentos: - una función reductora - el valor inicial del acumulador La función reductora recibe dos valores: - el acumulador - el objeto actual. Sobre dicha función reductora: - Debe retornar el valor siguiente para el acumulador. - No importa el tipo de dato del acumulador, ni de los valores del arreglo, ni del valor que retorna; siempre y cuando sean coherentes con el funcionamiento interno de la función reductora, y con lo que consideremos que debe de obtenerse al final de la reducción

🟡 **No recomiendo utilizar 'reduce' para frecuencias** No lo recomiendo porque su sintaxis es confusa y puede ser muy complicada de leer en algunos problemas. Yo recomiendo utilizarlo únicamente para **reducir a un solo valor.** Es mejor realizar un `for...of` con un objeto inicial. ```js const wordFrecuency = {} for (let word of words){ if (!wordFrecuency[word]){ wordFrecuency[word] = 0 } wordFrecuency[word]++ } ``` Incluso si conoces el operador nullish el código puede reducirse a: ```js for (let word of words){ wordFrecuency[word] = (wordFrecuency[word] ?? 0) +1 } ``` O también utilizando operadores de asignación avanzados: ```js for (let word of words){ wordFrecuency[word] ??= 0 wordFrecuency[word]++ } ``` Como prefieras, lo importante es crear código que se pueda **leer fácilmente**. ¡Nunca pares de aprender! 💚

 

* Estructura del metodo inmutable 'reduce': ```js const result = arreglo.reduce( (acum, element) => { // Interaccion con mis 2 variables }, acumValInicial) ``` * El acumValInicial define el tipo de variable de acum y en redundancia, el valor inicial de acum. * Si no se asigna el valor de acumValInicial, este tomara el valor inicial del primer elemento del arreglo y la iteracion comenzara con el segundo elemento. * Este metodo reducer retorna el ultimo valor de acum.

**RESUMEN:**  

no entendi lo del objeto vacio :( y el return lo demas si

Ustedes sabian que el typeof(NaN) es number? Aqui dejo un ejemplo de como filtrar los numeros de un array mixto.

El módulo `%` estaría mejor si lo agregaran en la sección de `Introduccion de JavaScript` he conocido muchas personas que se les olvida el `%` (también me ha pasado jaja). Como se vio en la clase, ese signo nos puede quitar muchas condicionales cuando programamos algo.

Hola! Puedes aprender más sobre estos dos métodos consultando su documentación: * 📃 [.filter()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) * 📃 [.reduce()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce) Aquí te dejo mi versión de apuntes de esta clase! 

Les presento mi ejemplo practico ![]()