CODEWITHSUNDEEP
javascriptangulartypescriptrxjs
user15122827
user15122827

Reputation:

How to merge or groupBy toPromise via RxJs?

I have the following method that returns result as shown below:

result: [ { status: 200, ... }, { status: 200, ... }, { status: 400, ... }, ... ]

I need to group the result by using status value and return only 2 results instead of 3 for the example result above:

update() {
  this.demoService.update(...).toPromise()
  .then(result => {

    const message = result.map((x: any) => {
      if (x.status === 200) {
        return {
          text: 'successful'
        };
      } else {
        return {
          text: 'fail'
        };
      }
    });

    }
  })
}

I tried to use groupBy of RxJs but I think it cannot be used in Promise. So, how can I group this result in the example above?

Upvotes: 2

Views: 184

Answers (2)

AlleXyS
AlleXyS

Reputation: 2598

I'm not sure it works, but you can try (you filter only entities with distinct status, then select only statuses):

update() {
  this.demoService.update(...).subscribe(result => {
    const messages = result
        .filter((x, i, arr) => arr.findIndex(t => t.status === x.status) === i)
        .map(x => x.status);

    // do stuff
  });
}

Upvotes: 1

DonJuwe
DonJuwe

Reputation: 4563

Create a custom grouping method like this:

var groupBy = (xs, key) => {
  return xs.reduce((rv, x) => {
    (rv[x[key]] = rv[x[key]] || []).push(x);
    return rv;
  }, {});
};

console.log(groupBy([{status: 200, foo: 'bar'}, {status: 200, foo: 'baz'}, {status: 400, foo: 'bar'}], 'status'));

Output:

{
    "200": [
        {
            "status": 200,
            "foo": "bar"
        },
        {
            "status": 200,
            "foo": "baz"
        }
    ],
    "400": [
        {
            "status": 400,
            "foo": "bar"
        }
    ]
}

Upvotes: 1

Related Questions