Convert array to array of objects

Question

I have an array like this:

const categories = ["Action", "Comedy", "Thriller", "Drama"]

And I would like to convert it to this format:

const displayedCategories = [{"type": "Action", "isDisplayed": true},{"type": "Comedy", "isDisplayed": true},{"type": "Thriller", "isDisplayed": true},{"type": "Drama", "isDisplayed": true}]

Any advice ? :)

For a future reference check out how to ask a good question https://stackoverflow.com/help/how-to-ask. @AndrewL64 is right, you should provide at least what you have tried, otherwise you're just asking others to solve the problem for you. — SciFiThief, Jan 12 '20 at 18:02

Carl Edwards · Accepted Answer · 2020-01-12T18:01:42.823

0

You can do so by using map:

const categories = ["Action", "Comedy", "Thriller", "Drama"];

const newCategories = categories.map(category => ({
  type: category,
  isDisplayed: true
}));

console.log(newCategories);

edited Jan 12 '20 at 18:01

answered Jan 12 '20 at 17:56

Carl Edwards

13,826
11
57
119

score 0 · Answer 2 · answered Jan 12 '20 at 17:57

0

You can do so with the map method:

const displayedCategories = categories.map(function(category) {
   return { type: category, isDisplayed: true };
});

answered Jan 12 '20 at 17:57

mgarcia

5,669
3
16
35

score 0 · Answer 3 · answered Jan 12 '20 at 17:57

0

Maybe like This:

const categories = ["Action", "Comedy", "Thriller", "Drama"];
var out = [];
for(var key in categories){
  out.push({"type": categories[key], "isDisplayed": true});
}
console.log(out);

answered Jan 12 '20 at 17:57

mscdeveloper

2,749
1
10
17

score 0 · Answer 4 · answered Jan 12 '20 at 17:57

0

use array.prototype.map to convert the array into an object

categories = catergories.map(val => {
  var obj =  {
    type:val
    //more properties go here
  }
  return obj
}

answered Jan 12 '20 at 17:57

Raphael Castro

907
1
8
26

score 0 · Answer 5 · answered Jan 12 '20 at 18:01

0

const categories = ["Action", "Comedy", "Thriller", "Drama"]
const displayedCategories = categories.map(category =>  { return {"type": category, "isDisplayed": true} })
console.log('displayedCategories :', displayedCategories);

answered Jan 12 '20 at 18:01

Aldrin

2,036
15
12

Convert array to array of objects

5 Answers5