Breaking News: Grepper is joining You.com. Read the official announcement!

groupby angular

Talented Tuatara answered on February 15, 2022 Popularity 8/10 Helpfulness 5/10

answer groupby angular

related groupby angular

groupby angular

Comment

content_copyopen_in_new
import { of } from 'rxjs';
import { mergeMap, groupBy, reduce } from 'rxjs/operators';
 
of(
  {id: 1, name: 'JavaScript'},
  {id: 2, name: 'Parcel'},
  {id: 2, name: 'webpack'},
  {id: 1, name: 'TypeScript'},
  {id: 3, name: 'TSLint'}
).pipe(
  groupBy(p => p.id),
  mergeMap((group$) => group$.pipe(reduce((acc, cur) => [...acc, cur], [])))
)
.subscribe(p => console.log(p));
 
// displays:
// [ { id: 1, name: 'JavaScript'},
//   { id: 1, name: 'TypeScript'} ]
//
// [ { id: 2, name: 'Parcel'},
//   { id: 2, name: 'webpack'} ]
//
// [ { id: 3, name: 'TSLint'} ]

Popularity 8/10 Helpfulness 5/10 Language javascript

Source: rxjs.dev

Tags: angular group-by javascript

Link to this answer
Share Copy Link

Contributed on Feb 15 2022

Talented Tuatara

0 Answers Avg Quality 2/10

Closely Related Answers

groupby angular

Comment

content_copyopen_in_new
import { of } from 'rxjs';
import { groupBy, map, mergeMap, reduce } from 'rxjs/operators';
 
of(
  { id: 1, name: 'JavaScript' },
  { id: 2, name: 'Parcel' },
  { id: 2, name: 'webpack' },
  { id: 1, name: 'TypeScript' },
  { id: 3, name: 'TSLint' }
)
  .pipe(
    groupBy(p => p.id, p => p.name),
    mergeMap(group$ =>
      group$.pipe(reduce((acc, cur) => [...acc, cur], [`${group$.key}`]))
    ),
    map(arr => ({ id: parseInt(arr[0], 10), values: arr.slice(1) }))
 )
 .subscribe(p => console.log(p));
 
// displays:
// { id: 1, values: [ 'JavaScript', 'TypeScript' ] }
// { id: 2, values: [ 'Parcel', 'webpack' ] }
// { id: 3, values: [ 'TSLint' ] }

Popularity 8/10 Helpfulness 3/10 Language javascript

Source: rxjs.dev

Tags: javascript group-by angular angu

Link to this answer
Share Copy Link

Contributed on Feb 15 2022

Talented Tuatara

0 Answers Avg Quality 2/10

groupby angular

Contents

More Related Answers

groupby angular

Closely Related Answers

groupby angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.