React map array and return only labels

Question

I have a component in React which needs to map through a simple array:

var data = [{ older: 2 }, { "Nov 23": 0 }, { "Nov 24": 0 }, { "Nov 25": 3 }];

I need to map this array so it creates a new array of only the labels i.e.

["older", "Nov 23", "Nov 24", "Nov 25"]

How is this done? Thank you in advance.

Luca Crea · Accepted Answer · 2018-11-30 11:49:43Z

1

You have an array of objects and you want to get an array of strings.
You can use the map array method and the keys object method, like this:

var labels = data.map(obj => Object.keys(obj)[0])

you'll get:

// ["older", "Nov 23", "Nov 24", "Nov 25"]

answered Nov 30, 2018 at 11:49

Luca Crea

261 silver badge3 bronze badges

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

Comments

Anthony · Accepted Answer · 2018-11-30 11:44:03Z

0

You can use Object.keys() i.e.

var labels = data.map(x => Object.keys(x));

answered Nov 30, 2018 at 11:44

Anthony

6,5122 gold badges20 silver badges36 bronze badges

Comments

itidsu · Accepted Answer · 2018-11-30 11:55:16Z

0

  var data = [{ "older": 2 }, { "Nov 23": 0 }, { "Nov 24": 0 }, { "Nov 25": 3 }];

  var keys = [];
  var labels = data.map(
    (value) => {
      keys.push(Object.keys(value)[0]);
    }  
  );

  console.log(keys);

answered Nov 30, 2018 at 11:55

itidsu

5410 bronze badges

1 Comment

Erick Petrucelli Over a year ago

Hi @onurkaya, you're relatively new here so I'd like to recommend that you take a look at the guide how do I write a good answer. It's always good to have a explanation about your solution, not just code.

Collectives™ on Stack Overflow

React map array and return only labels

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related