JavaScript实现克隆对象的方法

这篇文章给大家分享的是有关JavaScript实现克隆对象的方法的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联公司是少有的成都网站设计、做网站、营销型企业网站、小程序定制开发、手机APP,开发、制作、设计、外链、推广优化一站式服务网络公司,成立于2013年,坚持透明化,价格低,无套路经营理念。让网页惊喜每一位访客多年来深受用户好评

通过遍历每个属性并将它们克隆到新对象。使用JSON方法作为源对象必须是JSON安全的。因此，在源对象无法转换为JSON的情况下，需要异常处理以保证其安全。object.assign方法仅执行浅度克隆。这意味着嵌套属性仍然通过引用克隆。

注，浅度克隆：简单类型为值传递，对象类型是引用的传递。深度克隆：所有元素或属性完全复制，与原对象完全脱离，也就是说所有对于新对象的修改都不会反映到原对象中。

克隆JavaScript对象有几种方法，如下：

示例1：一种方法是遍历源对象的属性，并将所有属性逐个复制到目标对象。它很简单，但不常使用。

    
    




    js克隆对象

sourceObject = {a:1, b:2, c:3};
click

输出：

点击按钮前

点击按钮后

示例2：此示例使用JSON。使用此方法，源对象必须是JSON安全的。

    
    



    js克隆对象

sourceObject = {a:1, b:2, c:3};
click

示例3：此方法使用Object.assign方法。

   
   
      
        
         
      
       
    
        
   
           js克隆对象 
        
   
        
sourceObject = {a:1, b:2, c:3};
     
        click 
         
       
  
  
          
       

感谢各位的阅读！关于JavaScript实现克隆对象的方法就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！