<span class="rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Read time:</span> <span class="rt-time">&lt; 1</span> <span class="rt-label rt-postfix">min</span></span>
<p>There are a few ways to copy objects in javascript. One of them is using one of the native javascript object methods &#8211; Object.assign</p>



<p></p>



<script src="https://gist.github.com/aram1l7/5788357c5f68bf2a3217536e08828d28.js"></script>



<p></p>



<p>With ES6, you can also use the spread operator as well.</p>



<script src="https://gist.github.com/aram1l7/278ef14e7c973148636cc7cfaf7a241c.js"></script>



<p></p>



<p>However, these methods are for creating shallow copies.<br>Let&#8217;s say you have a nested object and you use one of the methods mentioned above this is what will happen:</p>



<script src="https://gist.github.com/aram1l7/ad1524714e331ac1fa1cb142239ab8c4.js"></script>



<p></p>



<p>The nested objects will be copied as a reference, that means when you change some property of the nested object, it will also affect the copied object.<br>There are several ways to make a copy of nested object, one of them is:<br></p>



<script src="https://gist.github.com/aram1l7/f87adbe6bae88673a4ab97f7623d2849.js"></script>



<p></p>



<p>Or using lodash&#8217;s cloneDeep utility function:</p>



<p></p>



<script src="https://gist.github.com/aram1l7/8f1dcf6b07062932df32f556752eb098.js"></script>


Copying objects in javascript