reactjs - get a subset of an nested array objects

Question

I have a variable like this, which I am passing as an input into the react app.

const options = [{"label": "Gryffindor", "value": "Gryffindor", "description": "Daring, strong nerve and chivalry.", "color": "#00ffa2"},
      {"label": "Slytherin", "value": "Slytherin", "description": "Cunning and ambitious. Possibly dark wizard.", "color": "#84d2ff"}]

From the above array i want to achieve the following output:

const TAG_COLORS:any = {
  Gryffindor: '#00ffa2',
  Slytherin: '#84d2ff',
}

can some one suggest how to achieve this?

Squiggs. · Accepted Answer · 2021-06-09 08:09:29Z

1

Think this is what you are after:

edit. my bad misread the question.

  const options = [{"label": "Gryffindor", "value": "Gryffindor", "description": "Daring, strong nerve and chivalry.", "color": "#00ffa2"}, {"label": "Slytherin", "value": "Slytherin", "description": "Cunning and ambitious. Possibly dark wizard.", "color": "#84d2ff"}];
 
var TAG_COLOURS = {};
for (var i = 0; i < options.length; i++) {
  TAG_COLOURS[options[i].label] = options[i].color;
}

console.log(TAG_COLOURS);

edited Jun 9, 2021 at 8:09

answered Jun 8, 2021 at 8:23

Squiggs.

4,5028 gold badges56 silver badges94 bronze badges

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

1 Comment

Vinay Kamisetty Over a year ago

Thank you so much. You made my day. This works absolutely fine.

Abu Dujana Mahalail · Accepted Answer · 2021-06-08 15:38:07Z

1

You may use the map function to create a JavaScript object and then use the JavaScript object method on it.

This is how you may go about it:

var options = [
{
 "label":
     "Gryffindor", "value": "Gryffindor", "description": "Daring, strong nerve and chivalry.", "color": "#00ffa2"}, 
{
 "label": 
     "Slytherin", "value": "Slytherin", "description": "Cunning and ambitious. Possibly dark wizard.", "color": "#84d2ff"}
]


options.map((data)=>{console.log(Object.values(data))})

Hope this answers your question

edited Jun 8, 2021 at 15:38

Abu Dujana Mahalail

1,9312 gold badges11 silver badges21 bronze badges

answered Jun 8, 2021 at 8:30

Nikhil Singh

113 bronze badges

Collectives™ on Stack Overflow

reactjs - get a subset of an nested array objects

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related