Replace one object's properties with the properties of another?

Question

First I am not saying deep cloning one object to another.

I have one object:

var data1 = {
               p1: values1,
               p2: values2,
               .....
            };

value1 and value2 can be any data type, like object or array.

I have another object:

var data2 = {
               p3: values3,
               p4: values4,
               .....
            };

value3 and value4 can be any data type, like object or array.

Now I want to clone all data2's properties to data1.

The reason I want this is data1 is referenced, after data1's properties are changed I don't want to breake the reference.

If I do something like

 data1 = clone(data2)

I will break the reference.

Update: What means by breaking the references:

var data1 = {
             p1: value1
          }; 
var data2 = {
              p2: vale2
          };
var ref = data1;

If I do:

data1 = clone(data2);

Now ref still point to the old data1, its value still be:

{
   p1: value1
}

But I want ref be data2

So you want to shallow copy all of `data2`'s properties into `data1`, *overwriting* any properties of the same name that `data1` already had? Isn't that easy to do with a simple `for..in` loop? — nnnnnn, Jan 25 '15 at 07:01
@FaridNouriNeshat I see what you mean after the update, I've improved the title and nominated the question for re-opening. — Alexander O'Mara, Jan 25 '15 at 15:03

Farid Nouri Neshat · Answer 1 · 2015-01-26T06:45:20.767

You could use this function:

function replaceProperties(dest, src)  {
    for (var i in dest) 
        delete dest[i];
    for (var i in src) 
        dest[i] = src[i];
}

The code is obvious and seems like it does what you want. It doesn't "break reference" as you say it.

Though it might not do what you want when properties are not enumerable or from prototypes...

If you don't have to support IE10 and before, using __proto__ or setPrototypeof, you can have your dest update when src properties are changed:

function replaceProperties(dest, src)  {
    for (var i in dest) 
        delete dest[i];
    Object.setPrototypeOf(dest, src);
}

score 1 · Answer 2 · edited Nov 19 '15 at 04:15

1

Try:

Object.extend(data1, data2);

edited Nov 19 '15 at 04:15

Anik Islam Abhi

25,137
8
58
80

answered Jan 25 '15 at 06:34

Doug Leary

199
8

but this will add data2's properties to data1, not replace – diwatu Jan 25 '15 at 06:43

score -2 · Answer 3 · answered Jan 25 '15 at 06:46

-2

Using jQuery.extend()

for the deep copy: var object = $.extend({}, object1, object2);

more information http://api.jquery.com/jQuery.extend/#jQuery-extend-target-object1-objectN

answered Jan 25 '15 at 06:46

Lumi Lu

3,289
1
11
21

1

This will copy properties from both objects to a new one. 1. it will break the reference, 2. it will not clear original properties. – Slava Fomin II May 04 '17 at 10:27

Replace one object's properties with the properties of another?

3 Answers3