Answers for "javascript copy object to another"

copy object javascript

var x = {myProp: "value"};
var y = Object.assign({}, x);

copy object javascript

// es6
const obj = {name: 'john', surname: 'smith'};
const objCopy = {...obj};

copy object javascript

var x = {key: 'value'}
var y = JSON.parse(JSON.stringify(x))

//this method actually creates a reference-free version of the object, unlike the other methods
//If you do not use Dates, functions, undefined, regExp or Infinity within your object

mdn object assign

The Object.assign() method copies all enumerable own properties from one or more source objects to a target object. It returns the target object.
const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };

const returnedTarget = Object.assign(target, source);

console.log(target);
// expected output: Object { a: 1, b: 4, c: 5 }

console.log(returnedTarget);
// expected output: Object { a: 1, b: 4, c: 5 }

copy an object with object.assign

// We want to update status property value to 'online'
const data = {
  user: 'CamperBot',
  status: 'offline',
  friends: '732,982',
};

// Object.assign takes in a target object (1st parameter) and source objects 
// (rest of the parameter list). Source object properties are mapped to the 
// target object (which is usually empty). Any matching properties are 
// overwritten by the source objects
const newObject = Object.assign({}, data, {status: 'online'})

console.log(newObject)
/* 
  {
    user: 'CamperBot',
    status: 'online',
    friends: '732,982',
  }
*/

clone an object javascript

//returns a copy of the object
function clone(obj) {
    if (null == obj || "object" != typeof obj) return obj;
    var copy = obj.constructor();
    for (var attr in obj) {
        if (obj.hasOwnProperty(attr)) copy[attr] = obj[attr];
    }
    return copy;
}