Angular2 .filter arrays of objects

Question

I have code like below:

        ngOnInit() {
    this.tenantPackagesService.getTenantPackages().takeUntil(this.destroyed).subscribe();
    this.tenantPackagesService.tenantPackagesObs.filter(packages => !!packages).takeUntil(this.destroyed).subscribe(packages => {

        this.selectedPackage;

        let flags = {};
        this.packages = packages
            .filter(function (entry) {
                if (flags[entry.id]) {
                    return false;
                }
                flags[entry.id] = true;
                return true;
            })
            .map(o => { return { label: `${o.id}`, value: o } });

        // Versions of package
        this.versions = packages
            // Here I need filter 
            .map(o => { return { label: `${o.version}`, value: o } });
    })
}

There are an array of objects with packages. Each of package has version. There are a lot of packages with the same name but different version. I filtered packages by unique name and now I need to map different of version selected package (this.selectedPackage). So, if I choose package1 I need to get only versions associated to that package. How to do this with .filter method? Is it possible?

If it's a kind of groupBy you need, i suggest you to take a look to lodash and the groupBy function. — ADreNaLiNe-DJ
– ADreNaLiNe-DJ, Commented Nov 3, 2017 at 13:24

Wagner Danda da Silva Filho · Accepted Answer · 2017-11-03 13:37:55Z

1

Try this:

const filteredPackage = this.versions.filter(function (el) {
  return el.version === this.selectedPackage;
});

More details on how to use .filter:

https://stackoverflow.com/questions/2722159/javascript-how-to-filter-object-array-based-on-attributes

answered Nov 3, 2017 at 13:37

Wagner Danda da Silva Filho

5,5179 gold badges42 silver badges52 bronze badges

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

Collectives™ on Stack Overflow

Angular2 .filter arrays of objects

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related