How to merge multiple inline style objects ?
Multiple inline styles can be merged in two ways both the ways are described below:
Method 1- Using Spread operator: The … operator is called a spread operator. The spread operator in this case concatenates both the objects into a new object. Below is the implementation of merging multiple inline styles using the spread operator.
Method 2- Using Object.assign(): Below is the implementation of merging multiple inline styles using Object.assign() method. In this case, the text and background objects are both assigned to a new empty object.
Output: In both the method if two or more objects have the same property then the property of the object present in rightmost will be reflected in the output.