Angular 2: Extracting json fields into an array

Question

I have the following json data and want to extract unique vendor fields into an array. How do I accomplish this in angular2 component.

Here is my data:

[{"category": "Living Room", "vendor": "Flexsteel"},
{"category": "Living Room", "vendor": "Klaussner"},
{"category": "Living Room", "vendor": "Flexsteel"},
{"category": "Living Room", "vendor": "Craftmaster"},
{"category": "Living Room", "vendor": "Craftmaster"}]

and I want the resulting array to show:

[{"vendor": "Flexsteel"},
{"vendor": "Klaussner"},
{"vendor": "Craftmaster"}]

Markus Kollers · Accepted Answer · 2017-08-29 10:49:29Z

2

Try this:

const data = [...your data...];

const vendors = data.map(d => {
  return { vendor: d.vendor };
});

edited Aug 29, 2017 at 10:49

answered Aug 29, 2017 at 10:41

Markus Kollers

3,7481 gold badge15 silver badges17 bronze badges

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

4 Comments

koque Over a year ago

I am getting a error on "vendor" where you have {vendor: d.vendor}. It is saying "unused label". I am not sure what that means.

Markus Kollers Over a year ago

Oh, sotty...brackets for an object in lambda expressions...no good idea -> Updated answer

koque Over a year ago

This works. Is there a direct way to extract unique vendors or do I have to write a function to do this?

Markus Kollers Over a year ago

const unique = [...Array.from(new Set(vendors.map(v => v.vendor)))];

Faly · Accepted Answer · 2017-08-29 10:42:23Z

2

You can just use Array.map:

let data = [
        {"category": "Living Room", "vendor": "Flexsteel"},
        {"category": "Living Room", "vendor": "Klaussner"},
        {"category": "Living Room", "vendor": "Flexsteel"},
        {"category": "Living Room", "vendor": "Craftmaster"}
      ];
let processedData = data.map(dat => ({ vendor: dat.vendor }));

answered Aug 29, 2017 at 10:42

Faly

13.4k2 gold badges21 silver badges39 bronze badges

Comments

FAISAL · Accepted Answer · 2017-08-29 10:54:07Z

First you need to get the vendors, you can get it like this:

let data = [{"category": "Living Room", "vendor": "Flexsteel"},
            {"category": "Living Room", "vendor": "Klaussner"},
            {"category": "Living Room", "vendor": "Flexsteel"},
            {"category": "Living Room", "vendor": "Craftmaster"}];

// Get all the vendors 
let vendors = data.map(dat => ({ vendor: dat.vendor }));

After that you'll need to filter the vendors and get only unique vendors using:

// Unique Vendors 
let uniqueVendors= Array.from(new Set(vendors.map((x) => JSON.stringify(x))))
                                             .map((y) => JSON.parse(y.toString()));

Full code snippet:

let data = [{"category": "Living Room", "vendor": "Flexsteel"},
            {"category": "Living Room", "vendor": "Klaussner"},
            {"category": "Living Room", "vendor": "Flexsteel"},
            {"category": "Living Room", "vendor": "Craftmaster"}];

// Get all the vendors 
let vendors = data.map(dat => ({ vendor: dat.vendor }));

let uniqueVendors= Array.from(new Set(vendors.map((x) => JSON.stringify(x))))
                                             .map((y) => JSON.parse(y.toString()));
                                             
console.log(uniqueVendors)

Collectives™ on Stack Overflow

Angular 2: Extracting json fields into an array

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related