How to Merge Properties of Two JavaScript Objects Dynamically?

How to Merge Properties of Two JavaScript Objects Dynamically?

Last Updated : 19 Nov, 2024

Here are two different ways to merge properties of two objects in JavaScript.

1. Using Spread Operator

The Spread operator allows an iterable to expand in places where 0+ arguments are expected. It is mostly used in the variable array where there is more than 1 value is expected. It allows the privilege to obtain a list of parameters from an array. Javascript objects are key-value paired dictionaries.

Syntax

object1 = {...object2, ...object3, ... }

javascript

let A = {
    name: "geeksforgeeks",
};

let B = {
    domain: "https://geeksforgeeks.org"
};

let Sites = { ...A, ...B };

console.log(Sites)

Output

{ name: 'geeksforgeeks', domain: 'https://geeksforgeeks.org' }

2. Using Object.assign() Method

We can also use the Object.assign() method to merge different objects. that function helps us to merge the two different objects.

javascript

let A = {
    name: "geeksforgeeks",
};

let B = {
    domain: "https://geeksforgeeks.org"
};

let Sites = Object.assign(A, B);

console.log(Sites);

Output

{ name: 'geeksforgeeks', domain: 'https://geeksforgeeks.org' }

How to Merge Properties of Two JavaScript Objects Dynamically?

rossoskull

Improve

Article Tags :

Similar Reads

How to read properties of an Object in JavaScript ?

Objects in JavaScript, it is the most important data type and forms the building blocks for modern JavaScript. These objects are quite different from JavaScriptâ€™s primitive data-types(Number, String, Boolean, null, undefined, and symbol) in the sense that these primitive data-types all store a singl

How to get a subset of a javascript object's properties?

To get the subset of properties of a JavaScript Object, we make use of destructuring and Property Shorthand. The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables.Syntax: subset = (({a,

How to create object properties in JavaScript ?

JavaScript is built on an object-oriented framework. An object is a collection of properties, where each property links a key to a value. These properties are not in any specific order. The value of a JavaScript property can be a method (function). Object properties can be updated, modified, added,

How to Deep Merge Two Objects in JavaScript ?

Typically, in JavaScript, combining two objects is a commonplace thing to do, but when it involves intricate nesting, deep merging turns out to be necessary, deep merge is the activity of taking the attributes or features from multiple objects (which have nested objects) and creating a new object wi

How to add and remove properties from objects in JavaScript ?

We will try to understand how to add properties to an object and how to add or remove properties from an object in JavaScript.Before we go and see the addition and removal of properties from an object let us first understand the basics of an object in JavaScript.Object:An object in JavaScript is a c