资讯专栏INFORMATION COLUMN

Javascript克隆对象

n7then / 1591人阅读

摘要:浅克隆一使用时,它会将指针复制到它占用的内存空间。三使用是一个修改并返回目标对象的函数将里面的东西重新赋值给一个空对象深克隆仅对数字字符串和不含函数和属性的对象有效对所有类型有效,函数和会通过引用复制输出参考

浅克隆

一. =

    const obj = {s: 1, t: 2}
    const obj2 = obj
    console.log(obj, obj2)//{s: 1, t: 2} {s: 1, t: 2}
    
    使用 = 时,它会将指针复制到它占用的内存空间。引用类型不包含值, 
    它们是指向内存中值的指针。

二.扩展运算符

const phone = {apple: "good", huwei: "verygood"}
    const clonePone = {...phone}
    console.log(clonePone)//{apple: "good", huwei: "verygood"}
   使用它,则需要使用Babel(或类似的东西)进行编译。

三.使用 Object.assign
<是一个修改并返回目标对象的函数>

  const eat = {apple: "green", orange: "yellow"}
    const cloneEat = Object.assign({}, eat) // 将eat里面的东西 重新赋值给一个空对象
    console.log(cloneEat)//{apple: "green", orange: "yellow"}
深克隆

1 JSON.stringify/parse: 仅对数字、字符串和不含函数和 Symble 属性的对象有效

 const city = {
      shanghai: "sh",
      where: {
        shenzhen: "sz"
      }
    }
    const deepClone = JSON.parse(JSON.stringify(city))
    console.log(deepClone)

2 deepClone: 对所有类型有效,函数和 Symble 会通过引用复制

  var Point = function (x) {
      this.x = x
    }

    Point.prototype.y = 2

    var obj = new Point(1)

    var copy = Object.assign({ __proto__: obj.__proto__ }, obj) // 输出{x:1,y:2}
    copy.x=5
    console.log(copy)
    console.log(Point)

参考:https://segmentfault.com/a/11...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106370.html

相关文章

  • 【转】JavaScript 对象的深度克隆

    摘要:在聊以下简称深度克隆之前,我们先来了解一下中对象的组成。克隆或者拷贝分为种浅度克隆深度克隆。浅度克隆基本类型为值传递,对象仍为引用传递。 该文转载自http://www.cnblogs.com/zichi/p/4568150.html,有部分修改。 在聊JavaScript(以下简称js)深度克隆之前,我们先来了解一下js中对象的组成。在 js 中一切实例皆是对象,具体分为 原始类型 ...

    JowayYoung 评论0 收藏0
  • JavaScript对象克隆

    摘要:原始类型对象指的是字符串数值布尔值,引用类型对象指的是数组对象函数。既然对象分为这两类,他们的复制克隆也是有差别的。总结根据上面的情况,另外,克隆引用对象必须采用完整克隆深度克隆,包括对象的值也是一个对象也要进行完整克隆深度克隆。 前言 之前有人问我如何克隆一个JS对象,我当时没答上来;过后我查资料弄懂了这个问题,现在整理成文。 正文 JavaScript的一切实例都是对象,但他们也分...

    douzifly 评论0 收藏0
  • javascript对象的常用方法,深克隆和浅克隆以及冻结,扩展,密封三大属性的区别

    摘要:它将返回目标对象。封闭对象方法判断一个对象是否被密封。为源对象为修改的属性名或设置,同上方法返回一个给定对象自身可枚举属性的键值对数组方法返回指定对象上一个自有属性对应的属性描述符方法判断两个值是否是相同的值。 对象作为引用类型,工作中免不了复制对象,下面来看看克隆的方法 Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。浅...

    gplane 评论0 收藏0
  • 克隆

    摘要:结构化算法优于的地方优于的地方结构化克隆可以复制对象。的克隆粒度将会跟原始对象相同,并且复制出来相同的像素数据。企图去克隆节点同样会抛出异常。消息通道的传递是异步的,使用结构化克隆算法。 JavaScript 深拷贝性能分析(汉化版) JavaScript 深拷贝性能分析 Object.assign() Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。...

    freecode 评论0 收藏0
  • javascript设计模式与开发实践(二)- 封装和原型模式

    摘要:对象会记住它的原型给对象提供了一个名为的隐藏属性,某个对象的属性默认会指向它的构造器的原型对象,即。我们通过代码来验证再来实际上,就是对象跟对象构造器的原型联系起来的纽带切记这句话,对未来理解原型链很有帮助。 封装 封装数据 在许多语言的对象系统中,封装数据是由语法解析来实现的,这些语言也许提供了 private、public、protected 等关键字来提供不同的访问权限。例如:j...

    luxixing 评论0 收藏0
  • JavaScript 深拷贝性能分析

    摘要:它接受任意数量的源对象,枚举它们的所有属性并分配给。所以现在怎么办有几种方法可以创建一个对象的深拷贝。为了防止发生任何意外,请使用而不是。我想测量哪种方法是最高性能的。图表以下是,和中不同技术的性能。 原文:Deep-copying in JavaScript - DasSur.ma 如何在 JavaScript 中拷贝一个对象?对于这个很简单的问题,但是答案却不简单。 引用传值 在...

    MyFaith 评论0 收藏0

发表评论

0条评论

n7then

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<