How to change a JavaScript object's field names?

Question

Lets say we have 2 Javascript objects and an array:

var rawData = { "dModel": "Deluxe", "sizeMB": 256, }; var displayNames = { "dModel": "Device Model", "sizeMB": "Size(MB)" }; var fieldNames = ["dModel", "sizeMB"];

I want to change the field names in rawData according to the mapping indicated by displayNames, the final result should be:

var data = { "Device Model": "Deluxe", "Size(MB)": 256, };

Thanks!

Bergi · Accepted Answer · 2013-04-09 18:40:49Z

1

Iterate rawData to build the new data object and use displayNames as a lookup table for the new property names:

var data = {}; for (var p in rawData) data[displayNames[p]] = rawData[p];

edited Apr 9, 2013 at 18:40

answered Apr 9, 2013 at 18:32

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

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

1 Comment

Bart Over a year ago

You're creating a global variable p.

dfsq · Accepted Answer · 2013-04-09 18:39:51Z

1

for (var oldKey in displayNames) { var newKey = displayNames[oldKey]; rawData[newKey] = rawData[oldKey]; delete rawData[oldKey]; }

edited Apr 9, 2013 at 18:39

dfsq

193k26 gold badges244 silver badges261 bronze badges

answered Apr 9, 2013 at 18:33

AgentD5

14813 bronze badges

1 Comment

Bart Over a year ago

This will only work if displayNames does not contain a key that is already in rawData. Although the OP asked to change the fieldnames of rawData, it's safer to create a new object.

Collectives™ on Stack Overflow

How to change a JavaScript object's field names?

2 Answers 2

1 Comment

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Related