Actualmente estoy aprendiendo JavaScript y estaba tratando de probar las limitaciones del operador de propagación junto con el método reduce() .
Ejemplo:
const numArray = [1, 6, 9, 4, 21, 8, 15]; const sumEvenOdd = numArray.reduce((acc, current) => current % 2 === 0 ? {...acc,'even': acc.even + current} : {...acc,'odd': acc.odd + current}, {"even": 0, "odd": 0} ); console.log(sumEvenOdd); //{ even: 18, odd: 46 }Como puede ver en el código anterior, pude mutar el valor inicial del método reduce() que es un objeto: {"par": 0, "impar": 0} para rastrear la suma de pares e impares números de numArray y use el Operador de propagación para completar la otra propiedad restante.
Pregunta:
¿Puedo hacer lo mismo si tengo una matriz de objetos como valor inicial? por ejemplo, [{"par": 0}, {"impar": 0}] y si no, ¿qué puedo hacer como alternativa para poder completar las otras propiedades que no mencioné como, por ejemplo, si el los objetos también contienen otras propiedades? por ejemplo, [{"par": 0, "color": ""...}, {"impar": 0, "color": ""...}]
sí, puedes modificar la matriz con cualquier accesorio
puede usar cualquier tipo para reduce : objects, arrays, numbers, strings, boolean
Algunos ejemplos con diferentes tipos:
const concatNumbersAsString = [0,1,2].reduce((a,c) => a + c, ''); const flatNestedArrays = [[0],[1],[2]].reduce((a,c) => a.concat(c), []) const checkBoolCondition = [0,1,2].reduce((a,c) => [1].includes(c), true) const calculateSum = [0,1,2].reduce((a,c) => a + c, 0) console.log('concatNumbersAsString', concatNumbersAsString) console.log('flatNestedArrays', flatNestedArrays) console.log('checkBoolCondition', checkBoolCondition) console.log('calculateSum', calculateSum)Modificando una matriz:
const numArray = [1, 6, 9, 4, 21, 8, 15]; const sumEvenOdd = numArray.reduce((acc, current) => current % 2 === 0 ? acc.map(i => i.hasOwnProperty('even') ? {...i, even: i.even + current} : i) : acc.map(i => i.hasOwnProperty('odd') ? {...i, odd: i.odd + current} : i), [{"even": 0, color: 'red'},{ "odd": 0, color: 'green'}] ); console.log(sumEvenOdd)