JavaScript实现克隆对象的方法-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

JavaScript实现克隆对象的方法-创新互联

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

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册虚拟主机、营销软件、网站建设、西和网站维护、网站推广。

通过遍历每个属性并将它们克隆到新对象。使用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实现克隆对象的方法-创新互联
链接地址:http://kswsj.cn/article/ddshos.html

其他资讯