Modify object in Javascript

Question

I'm trying to convert object

var data = {"USD": 12323,"CAD":32123}

to become

[{"id":"USD","value":12323},{"id":"CAD","value":32123}]

This is what i tried so far

var res = Object.keys(data).map(function(k) { 
    return [k, result[k]];
});

and get the result

[["USD", 12323],["CAD", 32123]]

Any help is very appreciated.

Thanks,

Instead of this: return [k, result[k]] do return { id: k, value: result[k] } — Rajesh Dixit
– Rajesh Dixit, Commented Dec 28, 2017 at 10:14
@gurvinder372 I dont think so. I haven't looked for it actually. Just that I like to make answers a bit descriptive. So for such cases, I prefer comments. Will try to answer instead from next time. Thanks for asking. :-) — Rajesh Dixit
– Rajesh Dixit, Commented Dec 28, 2017 at 10:18

gurvinder372 · Accepted Answer · 2017-12-28 10:14:14Z

2

Just change your return statement to

return {id: k, value:result[k]}; //observe that an object is returned instead of an array

Demo

var data = {"USD": 12323,"CAD":32123};
var res = Object.keys(data).map(function(k) { 
   return {id: k, value:data[k]};
});
console.log( res );

answered Dec 28, 2017 at 10:14

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

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

Comments

KL_ · Accepted Answer · 2017-12-28 10:33:07Z

1

You're creating one array, not an object. Change [] to {}:

var res = {"USD": 12323,"CAD":32123};

res = Object.keys(res).map(function(k) { 
    return {id: k, value:res[k]};
});

console.log(res);

as an alternative, you can use arrow function:

var res = {"USD": 12323,"CAD":32123};

res = Object.keys(res).map(x => x = { id: x, value: res[x]});

console.log(res);

or .every():

var res = {"USD": 12323,"CAD":32123};

var resWArrow = Object.entries(res).map(function(k) { 
    return {id: k[0], value: k[1]};
});

console.log('Without arrow: ' + JSON.stringify(resWArrow));

var resArrow = Object.entries(res).map(x => x = { id: x[0], value: x[1] });

console.log('With arrow: ' + JSON.stringify(resArrow));

edited Dec 28, 2017 at 10:33

answered Dec 28, 2017 at 10:27

KL_

1,5131 gold badge10 silver badges13 bronze badges

Comments

Nina Scholz · Accepted Answer · 2017-12-28 10:25:54Z

1

With ES6, you could take Object.entries with Array#map and a destructuring assignment for the elements and short hand properties for the result.

var data = { "USD": 12323, "CAD": 32123 },
    result = Object.entries(data).map(([id, value]) => ({ id, value }));
    
console.log(result);

answered Dec 28, 2017 at 10:25

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

JanS · Accepted Answer · 2017-12-28 10:14:59Z

0

You can iterate over the keys of the object and map them like follows:

Object.keys(res).map(function(key) { 
    return {id: key, value: data[key]};
}

answered Dec 28, 2017 at 10:14

JanS

2,0653 gold badges29 silver badges30 bronze badges

Comments

brk · Accepted Answer · 2017-12-28 10:15:14Z

0

Change the return statement and return an object

var res = {
  "USD": 12323,
  "CAD": 32123
}
var m = Object.keys(res).map(function(item) {
  return {
    id: item,
    value: res[item]
  }

})
console.log(m)

answered Dec 28, 2017 at 10:15

brk

50.3k10 gold badges59 silver badges85 bronze badges

Collectives™ on Stack Overflow

Modify object in Javascript

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related