How to filter data on Object in Angular

Question

I get data from backend with this function

  private loaddata(): void {
    this.dataService.loaddata().pipe(
      tap((response: any) => {
        this.persons = response.results;
        this.personmembertrue = this.persons.filter(x => x.is_family_member === 'false')
      }),
      takeUntil(this.onComponentDestroy)
    ).subscribe();
  }

and console.log(response) show JSON like below

{
    "count": 38,
    "next": null,
    "previous": null,
    "results": [
        {
            "id": 113,
            "foreigner": false,
            "outside_community": false,
            "nipt": "",
            "nid": "G45675570K",
            "is_family_member": true
        },
        {
            "id": 115,
            "foreigner": false,
            "outside_community": false,
            "nipt": "",
            "nid": "K30776771A",
            "is_family_member": false
        },
        {
            "id": 116,
            "foreigner": false,
            "outside_community": false,
            "nipt": "",
            "nid": "J305070577",
            "is_family_member": false
        }...
      ]
    }

What I want are data that have "is_family_member": false, for this I create this.personmembertrue = this.persons.filter(x => x.is_family_member === 'false')

this part of code show empty.

Any idea please how to show data with "is_family_member": false

The string 'false' is truthy while the boolean false is not. You don't need the equality check in the condition: this.personmembertrue = this.persons.filter(x => !x.is_family_member). — Barremian
– Barremian, Commented Mar 19, 2021 at 14:57

Zunayed Shahriar · Accepted Answer · 2021-03-19 14:50:28Z

2

Change the condition to:

this.personmembertrue = this.persons.filter(x => x.is_family_member === false);

See if that works.

answered Mar 19, 2021 at 14:50

Zunayed Shahriar

2,7632 gold badges14 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

s_frix · Accepted Answer · 2021-03-19 14:56:53Z

0

Try using only ==, with 3 = you compare type and value, or try removing quotes, probably you are comparing bool with string.

answered Mar 19, 2021 at 14:56

s_frix

3232 silver badges11 bronze badges

Comments

Pilpo · Accepted Answer · 2021-03-19 16:09:34Z

0

We can even simplify @Zunayed Shahriar expression with that

this.personmembertrue = this.persons.filter(x => !x.is_family_member);

EDITED: It will only work if is_family_member is always either true/false as mentionned @Zunayed Shahriar in comment.

edited Mar 19, 2021 at 16:09

answered Mar 19, 2021 at 14:56

Pilpo

1,2961 gold badge9 silver badges19 bronze badges

2 Comments

Zunayed Shahriar Over a year ago

It will also work. But if the field is nullable and is null then the data will also be filtered. If the user only wants data where the field is not null and false then this expression won't be accurate. Right?

Pilpo Over a year ago

Yes you are right :) I edited my answer thanks

Collectives™ on Stack Overflow

How to filter data on Object in Angular

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related