Tengo una serie de líneas:
this.lines = [ 0: {indexLine: 0, group: 16, columns: [,…]} 1: {indexLine: 1, group: 16,…} 2: {indexLine: 2, group: 16,…} 3: {indexLine: 3, group: 9,…} ]Quiero agrupar líneas por grupo para poder representarlo en diferentes tablas.
He intentado esto:
let arr: any = {}; this.lines.forEach((line) => { if (!arr[line.group]) { arr[line.group] = []; } arr[line.group].push(line); });Puede usar Set para obtener valores de group únicos de una matriz de objetos. new Set(lines.map(x => x.group) le dará una variedad de valores únicos de grupo.
Convierta ese conjunto en una matriz con Array.from() .
Ahora puede usar map para iterar a través de valores de grupo únicos y Array.filter le dará todos los elementos coincidentes.
let lines = [ {indexLine: 0, group: 16}, {indexLine: 1, group: 16}, {indexLine: 2, group: 16}, {indexLine: 3, group: 9}, ]; const groupedLines = Array.from(new Set(lines.map(x=>x.group))).map(y => lines.filter(z => z.group === y)); console.log(groupedLines);Puede usar el método de reducción para obtener lo que desea:
const result = this.lines.reduce((acc, item) => { if (!acc[item.group]) { acc[item.group] = []; } acc[item.group].push(item); return acc; }, {}); Si desea obtener todos los grupos como matrices múltiples en lugar de un objeto, puede usar Object.values para hacer precisamente eso:
const groups = Object.values(result);puedes usar lodash.groupBy
yarn add lodash.groupby (o npm install lodash.groupby --save )
import groupBy from 'lodash.groupby'; // 12.6k (gzipped 4.8k) // ... console.log(groupBy(this.lines, ({group}) => group)));(código autoexplicativo allí, 0 WTF por minuto)