Flatten array of objects (key/value pairs)

Question

I am having an array of object like the following:

let data = [{
  name: "Product1",
  category: "category 1"
}, {
  name: "Product2",
  category: "category 2"
}, {
  name: "Product3",
  category: "category 3"
}, {
  name: "Product4",
  category: "category 4"
}]

var flattened = [].concat.apply([], data);

console.log(flattened)

// expected output:
// ["Product1", "Product2", "Product3", "Product4"]

See above what I tried. However, I would like to have the following expected output: ["Product1", "Product2", "Product3", "Product4"]

Any suggestions what I am doing wrong?

I appreciate your replies!

You do not need to worry about these kind of utilities. You can use either underscore or loadash. For your issue, you can use underscore.js _.pluck method. It is just one line thing. You take any of these library you can use those utilities in entire project. — Amaranadh Meda, Sep 04 '19 at 10:37

score 2 · Accepted Answer · answered Sep 04 '19 at 10:18

Why not just simple map

let data = [{name: "Product1",category: "category 1"}, {name: "Product2",category: "category 2"}, {name: "Product3",category: "category 3"}, {name: "Product4",category: "category 4"}]

var flattened = data.map(({ name }) => name)

console.log(flattened)

Flatten array of objects (key/value pairs)

1 Answers1