Home > Software design >  Object unpacking assignment operation?
Object unpacking assignment operation?

Time:12-04

Is there anything like this in JavaScript? Basically, I'm looking for something along these lines:

let obj_a = {test: "one", property: "two"};
let obj_b = {test: "1", other: "three"};
let obj_b ...= obj_a; // would be the equivalent of obj_b = {...obj_b, ...obj_a}

Is there builtin syntax for something like that, or is this the best I'm going to get in ES6?

CodePudding user response:

Object.assign would do.

let obj_a = { test: "one", property: "two" },
    obj_b = { test: "1", other: "three" };

Object.assign(obj_b, obj_a);

console.log(obj_b);
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>

CodePudding user response:

I don't think any such syntax exists, but if you need to use something like that a lot, you could monkey-patch the Object class with a utility function for it:

Object.prototype.merge = function(x) { Object.assign(this, x) }
let obj_a = {test: "one", property: "two"};
obj_a.merge({test: "1", other: "three"});
console.log(obj_a);
<iframe name="sif2" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>

CodePudding user response:

An other option is to use Object.assign it's not an operator but it get's the job done:

Object.assign(obj_b, obj_a)
// {test: 'one', other: 'three', property: 'two'}

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

  • Related