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!

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!

• javascript
• object
• field

Share Improve this question Follow asked Apr 9, 2013 at 18:30 CGPCGP 30333 silver badges88 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 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];

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