Given
options = {
underscored: true
}
products = {
foo: bar
}
I'd like to get
products = {
underscored: true
foo: bar
}
Is it possible to push an object into another object in Javascript?
-
stackoverflow.com/questions/1334660/…bkconrad– bkconrad2012-03-23 17:38:12 +00:00Commented Mar 23, 2012 at 17:38
Add a comment
|
4 Answers
ES5
<script>
function mix(source, target) {
for(var key in source) {
if (source.hasOwnProperty(key)) {
target[key] = source[key];
}
}
}
mix(options, products);
</script>
ES6 - this will mutate objectToMergeTo
const combinedObject = Object.assign(objectToMergeTo, source1, source2)
ES7 (syntax beauty with spread operator) - this version however creates a new instance, you can't add into an object with spread operator.
const combined = { ...source1, ...source2 }
4 Comments
jwueller
+1 for
hasOwnProperty()! This is the proper way to iterate over an objects properties.
lemon
Thanks you've been a great help!
TheEnvironmentalist
Peter, that ES7 syntax seems to just create a third object containing the two objects as a whole, rather than just their properties
TheEnvironmentalist
At least in Node.js
You could do this:
for(var key in options) {
products[key] = options[key];
}
That would effectively combine the two objects' variables.
answered Mar 23, 2012 at 17:38
Elliot Bonneville
53.6k24 gold badges101 silver badges125 bronze badges
1 Comment
jwueller
This is missing a
hasOwnProperty check and will produce unexpected results, depending on the two objects. Besides, it will create a global variable key, which is bad. Always use the var keyword!var options = {
underscored: true
};
var products = {
foo: 'bar'
};
products.underscored = options.underscored;
alert(products.underscored+":"+products.foo);
put quotes around the 'bar' to make it actually have a value, semi-colons and var on the objects, but you get the point.
EDIT: also worth noting;
products.options = options;
alert(products.options.underscored);//alerts true
answered Mar 23, 2012 at 17:40
Mark Schultheiss
34.3k13 gold badges75 silver badges116 bronze badges
Comments
you can use jquery.extend(products,options). jQuery.extend combines two objects, over rides the matching element values in the target object and returns resulting object. For more info :http://api.jquery.com/jquery.extend/
