Returning properties of array of array of values Javascript

Question

I need to know if there's a fancy way to return an array of strings created by the properties of an array of objects. The property of those objects it's also an array.

E.g Data:

[
 {
  servicesOffered: ["x","Y"]
 },
 {
  servicesOffered: ["z","w"]
 }
]

I tried to be fancy using the spread operator but doesn't work. I know I can iterate again the array of servicesOffered, but I don't know if there's a fancier or better way to do this.

Code:

 getServices(results: Business[]): string[] {
    return results.map(({ servicesOffered }) => {
      const t = servicesOffered;
      return ...t;
    });
  }

Expected Output

["x","Y","z","w"]

Ori Drori · Accepted Answer · 2019-03-09 22:33:53Z

3

Use Array.flatMap() instead of map:

function getServices(results) {
  return results.flatMap(({ servicesOffered }) => servicesOffered);
}

const data = [{"servicesOffered":["x","Y"]},{"servicesOffered":["z","w"]}];

const result = getServices(data);

console.log(result);

If flatMap is not supported, you can use Array.map() with spread and Array.concat() to flatten the array:

function getServices(results) {
  return [].concat(...results.map(({ servicesOffered }) => servicesOffered));
}

const data = [{"servicesOffered":["x","Y"]},{"servicesOffered":["z","w"]}];

const result = getServices(data);

console.log(result);

edited Mar 9, 2019 at 22:33

answered Mar 9, 2019 at 22:31

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

4 Comments

Patricio Vargas Over a year ago

wow you just read my mind. I have never seen flatMap before (super cool), the browser recognizes it but VS code doesn't. Is it a new method?

Ori Drori Over a year ago

Indeed. You should look at the support in the supplied link. If it's not supported by your target browsers, I've added another option. You can also use a shim.

Patricio Vargas Over a year ago

Yes I saw the alternative, Google Chrome run it perfectly , but VS Code didn't recognize it.

Ori Drori Over a year ago

See this answer about flatMap and flat with typescript - stackoverflow.com/questions/53556409/…

Ele · Accepted Answer · 2019-03-09 22:34:57Z

1

Using the function reduce.

let arr = [ {  servicesOffered: ["x","Y"] }, {  servicesOffered:["z","w"] }],
    result = arr.reduce((a, {servicesOffered}) => a.concat(servicesOffered), []);
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Mar 9, 2019 at 22:34

Ele

33.8k7 gold badges43 silver badges80 bronze badges

Collectives™ on Stack Overflow

Returning properties of array of array of values Javascript

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related