Grupo de matriz de JavaScript

Grupo de matriz de JavaScript

Administrar, ordenar y manipular datos con JavaScript es una habilidad que a menudo hemos delegado a bibliotecas de terceros como lodash. Sin embargo, a medida que avanza el lenguaje JavaScript, estas características eventualmente se vuelven. añadido a la especificación de JavaScript. Dos de estas API para agrupar Array los datos son `Array.prototype.group Y Array.prototype.groupToMap.

Índice
  1. Array.prototype.group
  2. Tableau.prototype.groupToMap

Array.prototype.group

Para agrupar una matriz de objetos por una propiedad determinada, llame a la group método con función que devuelve la cadena de agrupación:

const teams = [
  { name: "Arsenal", origin: "London", tier: "legendary" },
  { name: "Manchester United", origin: "Manchester", tier: "legendary" },
  { name: "Liverpool", origin: "Liverpool", tier: "legendary" },
  { name: "Newcastle United", origin: "Newcastle", tier: "mid" },
  // Lol, awful club
  { name: "Tottenham", origin: "London", tier: "lol" },
];

const tieredTeams = teams.group(({ tier }) => tier);

el resultado de la tabla group es un objeto cuyas claves coinciden con la clave de agrupación:

{
  legendary: [
    {name: "Arsenal", origin: "London", tier: "legendary"},
    {name: "Manchester United", origin: "Manchester", tier: "legendary"},
    {name: "Liverpool", origin: "Liverpool", tier: "legendary"}
  ], 
  mid: [
    {name: "Newcastle United", origin: "Newcastle", tier: "mid"}
  ], 
  lol: [
    {name: "Tottenham", origin: "London", tier: "lol"}
  ]
}

Tableau.prototype.groupToMap

groupToMap devuelve un Map instancia en lugar de un objeto literal:

const tieredTeamsMap = teams.group(({ tier }) => tier);

tieredTeamsMap.has('lol') // true

tieredTeamsMap.get('lol') // [{name: "Tottenham", origin: "London", tier: "lol"}]

En el momento de la publicación, group Y groupToMap solo están disponibles en Safari. Ambos métodos son cruciales para el futuro de la gestión de datos. Ya sea que esté manipulando datos del lado del cliente o del lado del servidor, estos métodos nativos recién agregados son bienvenidos.

Supervisión del rendimiento del sitio web
Supervisión del rendimiento del sitio web

Si quieres conocer otros artículos parecidos a Grupo de matriz de JavaScript puedes visitar la categoría Tutoriales.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas