Using Spread Operator: 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 values are expected. It allows the privilege to obtain a list of parameters from an array.
Javascript objects are key-value paired dictionaries. We can merge different objects into one using the spread (…) operator.
Syntax:
object1 = {...object2, ...object3, ... }
Example 1:
<script> let A = { name: "neveropen" , }; let B = { }; let Sites = { ...A, ...B }; console.log(Sites) </script> |
Output:
Example 2: Suppose the objects have the same keys. In this case, the value of the key of the object which appears later in the distribution is used.
<script> let A = { name: "neveropen" , }; let B = { name: "wordpress" }; let Sites = { ...A, ...B }; console.log(Sites) </script> |
Output:
Another method: We can also use the Object.assign() method to merge different objects.
Example:
<script> let A = { name: "neveropen" , }; let B = { }; let Sites = Object.assign(A, B); console.log(Sites); </script> |
Output: