Copying Javascript object attributes
I have 1 object coming from the server with multiple properties in which I want to hydrate it into a new object, changing the name of 1 property and keeping the rest.
Code:
JSON: { UserId: 1, Name: "Woo", Age: 10 }
The format of the object I want it in:
var newObj = {}
newObj.id = jsonObj.UserId;
//Everything property below here is the same. How can i prevent writing this code?
newObj.Name = jsonObj.Name;开发者_如何学JAVA
newObj.Age = jsonObj.Age;
What I'm doing is based on this answer, trying to parse some json into a format that requires me to change the name of 1 property.
For such a simple case, you could do something like:
var newObj = {id: jsonObj.UserId, Name: jsonObj.Name, Age: jsonObj.Age};
For a more complex object with a large number of fields, you might prefer something like:
//helper function to clone a given object instance
function copyObject(obj) {
var newObj = {};
for (var key in obj) {
//copy all the fields
newObj[key] = obj[key];
}
return newObj;
}
//now manually make any desired modifications
var newObj = copyObject(jsonObj);
newObj.id = newObj.UserId;
If you want to copy only specific fields
/**
* Returns a new object with only specified fields copied.
*
* @param {Object} original object to copy fields from
* @param {Array} list of fields names to copy in the new object
* @return {Object} a new object with only specified fields copied
*/
var copyObjectFields = function (originObject, fieldNamesArray)
{
var obj = {};
if (fieldNamesArray === null)
return obj;
for (var i = 0; i < fieldNamesArray.length; i++) {
obj[fieldNamesArray[i]] = originObject[fieldNamesArray[i]];
}
return obj;
};
//example of method call
var newObj = copyObjectFields (originalObject, ['field1','field2']);
I mostly prefer to reuse instead of recreate so I'd suggest http://underscorejs.org/#clone
function clone(o) {
if(!o || 'object' !== typeof o) {
return o;
}
var c = 'function' === typeof o.pop ? [] : {};
var p, v;
for(p in o) {
if(o.hasOwnProperty(p)) {
v = o[p];
if(v && 'object' === typeof v) {
c[p] = clone(v);
}
else {
c[p] = v;
}
}
}
return c;
}
Using Object.assign
var newObj = Object.assign({}, jsonObj);
reference (MDN)
Using JSON.parse and JSON.stringify;
var newObj = JSON.parse(JSON.stringify(jsonObj));
Dont really understand your question, but this is what I normally do when I extract from an existing object:
var newObj = new Object(jsonObj);
alert(newObj.UserId === jsonObj.UserId); //returns true
Is that what you were asking? Hope that helps.
精彩评论