JavaScript实现克隆对象的方法

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

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

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

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

克隆JavaScript对象有几种方法,如下:

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




    
    



js克隆对象

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

输出:

点击按钮前

JavaScript实现克隆对象的方法

点击按钮后

JavaScript实现克隆对象的方法

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




    
    


js克隆对象

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

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

   
   
      
        
         
      
       
    
        

js克隆对象

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

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


文章名称:JavaScript实现克隆对象的方法
文章URL:http://ybzwz.com/article/giogoc.html