Copying AJAX JSON object into existing Object

Question

I have several Javascript prototypes. Initially, instances will have only ID's filled in, with some generic place holder information for other data. I then send a message to the server with the ID and the object type (using jQuery's AJAX function) and the server returns a JSON object with all the missing information (but no ID). The variables in the returned object have the exact same name as those in the existing object.

What's the easiest way to transfer this into the existing empty object? I've come up with a few alternatives

• set the object equal to the returned object, then copy in the id (loses prototype functions?)
• create a function for each object that takes an object with identical structure and copies the data
• loop through the key-value pairs of the JSON object to and copy them to existing object

If I use the third option, is this the correct way to do that? :

for (var key in json) {
    if (object.hasOwnProperty(key)) {
        object[key] = json[key];
    }
}

assuming json is the returned object and object is the existing object.

Answer 1

Alternative without jQuery is to use the javascript Object.assign method.

Object.assign(targetObject, json);

Answer 2

Try this using extend():

var newObject = jQuery.extend({}, oldObject);

Answer 3

You can use jQuery.extend: http://api.jquery.com/jQuery.extend/

$.extend(object1,object2);

If your JSON is a string then create an object from that first:

var object1=$.parseJSON(myJsonString);