Javascript - Restructure array of objects

Question

I currently have an array of objects that looks like this:

[
    {
        "key":"CES0000000001",
        "25568.95655":"29923",
        "25568.96078":"31603"
    },
    {
        "key":"CES0000000001",
        "25568.96501":"34480",
        "25568.96924":"38347"
    }
]

I'm trying to figure out the best way to restructure this data to look like this:

[
    {
        "key":"CES0000000002",
        "values": [ [ 25568.95655 , 29923 ] , [ 25568.96078 , 31603 ] ]
    },

    {
        "key":"CES0000000002",
        "values": [ [ 25568.96501 , 34480 ] , [ 25568.96924 , 38347 ] ]
    }
]

Can anyone provide some advice for this and any good resources for restructuring javascript objects? I'm getting more into visualization using d3.js and data formatting is key.

Seems like all you need to do is loop over the array and create some now objects with a key and values property. What specifically are you stuck on? — user1106925
– user1106925, Commented Oct 28, 2014 at 23:09
And where is the second object getting its key from? It's not represented in the original data. — user1106925
– user1106925, Commented Oct 28, 2014 at 23:11
Corrected the typo with the second object key. I'm just not accustomed to working with arrays/objects and wasn't sure which methods I should be using here. iSchluff provided a straightforward example that gets the job done. Thanks! — thefreeline
– thefreeline, Commented Oct 28, 2014 at 23:58

iSchluff · Accepted Answer · 2014-10-28 23:23:24Z

6

my solution would be

    var arr= [
    {
        "key":"CES0000000001",
        "25568.95655":"29923",
        "25568.96078":"31603"
    },
    {
        "25568.96501":"34480",
        "25568.96924":"38347"
    }
];

var transformed= arr.map(function(obj){
    var result= {
        key: obj.key,
        values: []
    }

    for (var key in obj) {
      if (obj.hasOwnProperty(key) && key !== "key") {
          result.values.push([key, obj[key]]);
      }
    }
    return result;
});

console.log(transformed);

answered Oct 28, 2014 at 23:23

iSchluff

4652 silver badges7 bronze badges

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

1 Comment

thefreeline Over a year ago

Thanks for the clean answer.

DeWarner · Accepted Answer · 2019-05-10 14:35:32Z

2

This is an old post I see, but I want to share how you could do this with es6 object destructuring and restructuring. if you have an object...

const obj1 = {
    "key":"CES0000000001",
    "25568.95655":"29923",
    "25568.96078":"31603"
};

you could have:

const restructure = ({key, ...values}) => ({key, Object.entries(values)});
const obj2 = restructure(obj1);

or for the array you could restructure all of them with:

const b = arr.map(({key, ...values}) => ({key, Object.entries(values)}));

or if you are reusing the function...

const b = arr.map(restructure);

edited May 10, 2019 at 14:35

answered May 10, 2019 at 13:13

DeWarner

212 bronze badges

Collectives™ on Stack Overflow

Javascript - Restructure array of 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