¡JavaScript sigue evolucionando!
Llega el método Object.groupBy. Te lo explico:
Este método te permite transformar un array a un objeto, agrupando los elementos en una propiedad según el callback.
Imagina que tenemos este array de superheroes:
Podríamos usar Array.groupBy para agrupar los héroes que son de los Vengadores o de la Liga de la Justicia de esta forma:
¡No hace falta agruparlos por una propiedad que exista! Puedes agruparlo por lo que quieras. Por ejemplo, vamos a separar los heroes entre fuertes y normales:
Eso sí, por ahora el soporte es muy limitado. Sólo un 8,8% de compatibilidad. Y es que acaba de llegar a la nueva versión de Chrome:
Igualmente, Safari y Firefox lo implementarán en las nuevas versiones, por lo que en muy pocos meses vamos a ver que todos los grandes navegadores ya tienen compatibilidad.
Así que está bien empezar a conocer este nuevo método pero aguanta un poco hasta que lo uses en producción.
Si te gusta este tipo de contenido así, déjame un like y ayúdame a compartirlo para animarme a crear más piezas como esta. :)
ALT Código de JavaScript:
const heroes = [
{ name: "Thor", team: "avenger", power: 50 },
{ name: "Batman", team: "justice", power: 10 },
{ name: "IronMan", team: "avenger", power: 25 },
{ name: "SuperMan", team: "justice", power: 99 },
]
ALT Usando el método Object.groupBy de JavaScript para agrupar cada heroe según su equipo
ALT Agrupamos ahora los heroes usando groupBy pero según su poder.
ALT Soporte de Object.groupBy, sólo Chrome está en verde.