JavaScript实现克隆对象的方法
这篇文章给大家分享的是有关JavaScript实现克隆对象的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
创新互联公司是少有的成都网站设计、做网站、营销型企业网站、小程序定制开发、手机APP,开发、制作、设计、外链、推广优化一站式服务网络公司,成立于2013年,坚持透明化,价格低,无套路经营理念。让网页惊喜每一位访客多年来深受用户好评
通过遍历每个属性并将它们克隆到新对象。使用JSON方法作为源对象必须是JSON安全的。因此,在源对象无法转换为JSON的情况下,需要异常处理以保证其安全。object.assign
方法仅执行浅度克隆。这意味着嵌套属性仍然通过引用克隆。
注,浅度克隆:简单类型为值传递,对象类型是引用的传递。深度克隆:所有元素或属性完全复制,与原对象完全脱离,也就是说所有对于新对象的修改都不会反映到原对象中。
克隆JavaScript对象有几种方法,如下:
示例1:一种方法是遍历源对象的属性,并将所有属性逐个复制到目标对象。它很简单,但不常使用。
js克隆对象
sourceObject = {a:1, b:2, c:3};
输出:
点击按钮前
点击按钮后
示例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://ybzwz.com/article/giogoc.html