Turn object into array of objects

Question

I'm trying to turn this object into an array of objects, with the object key being placed into a property of each of the objects in the array.

Here is the input:

var input = {
  "2017-03-13": ["Event 1", "Event 2"],
  "2017-03-14": ["Event 1", "Event 2"],
  "2017-03-15": ["Event 1", "Event 2"]
}

And here is my desired output:

[
  {
    date: "2017-03-13",
    events: ["Event 1", "Event 2"]
  },
  {
    date: "2017-03-14",
    events: ["Event 1", "Event 2"]
  },
  {
    date: "2017-03-15",
    events: ["Event 1", "Event 2"]
  }
]

Any thoughts on how I might approach this? I have underscore.js at my disposal as well.

Brenton Klassen · Accepted Answer · 2017-03-13 15:25:33Z

6

Object.keys(input).map(key => {
    date: key,
    events: input[key]
});

answered Mar 13, 2017 at 15:25

Brenton Klassen

1385 bronze badges

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

Comments

Nenad Vracar · Accepted Answer · 2017-03-13 15:38:03Z

3

You can do this with Object.keys() and map().

var input = {
  "2017-03-13": ["Event 1", "Event 2"],
  "2017-03-14": ["Event 1", "Event 2"],
  "2017-03-15": ["Event 1", "Event 2"]
}

var result = Object.keys(input).map(function(e) {
  return {date: e, events: input[e]}
})

console.log(result)

With ES6 you can do this in one line using arrow functions.

var result = Object.keys(input).map(e => ({date: e, events: input[e]}))

edited Mar 13, 2017 at 15:38

answered Mar 13, 2017 at 15:24

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

Comments

Christos · Accepted Answer · 2017-03-13 15:24:00Z

2

You could try something like this:

var input = {
  "2017-03-13": ["Event 1", "Event 2"],
  "2017-03-14": ["Event 1", "Event 2"],
  "2017-03-15": ["Event 1", "Event 2"]
}

var output = [];
for(var key in input){
    output.push({
      date: key,
      events: input[key]
    })
}

console.log(output);

Or in a more functional way:

var input = {
  "2017-03-13": ["Event 1", "Event 2"],
  "2017-03-14": ["Event 1", "Event 2"],
  "2017-03-15": ["Event 1", "Event 2"]
}

var output = Object.keys(input)
                   .map(function(key){
                       return { date: key, events: input[key]};
                   });
      
console.log(output);

answered Mar 13, 2017 at 15:24

Christos

54.1k9 gold badges82 silver badges114 bronze badges

Collectives™ on Stack Overflow

Turn object into array of objects

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related