JavaScript深浅拷贝

栏目: JavaScript · 发布时间: 7年前

内容简介：在而引用类型的值指的是可能包含多个值的对象。本质上，是因为基本数据类型保存在栈内存,而引用类型保存在堆内存中。为什么要分两种保存方式呢？根本原因在于保存在栈内存的必须是大小固定的数据，引用类型的大小不固定，只能保存在堆内存中，但是我们可以把它的地址写在占内存中以供我们访问在执行这段代码后，内存空间里是这样的

在 js 中，变量的类型可以大致分成两种：基本数据类型和引用数据类型，其中基本数据类型指的是简单的数据段，包括：

undefined
Null
Boolean
Number
String (字符串在一些其他语言中是被当做对象使用的，属于引用类型，但在 js 里是基本类型)

而引用类型的值指的是可能包含多个值的对象。本质上，是因为基本数据类型保存在栈内存,而引用类型保存在堆内存中。为什么要分两种保存方式呢？根本原因在于保存在栈内存的必须是大小固定的数据，引用类型的大小不固定，只能保存在堆内存中，但是我们可以把它的地址写在占内存中以供我们访问

var a = 1;//定义了一个number类型
var obj1 = {//定义了一个objr类型
    name:'obj'
};

在执行这段代码后，内存空间里是这样的

JavaScript深浅拷贝

因为这种保存方式的存在，所以我们在操作变量的时候，如果是基本数据类型，则按值访问，操作的就是变量保存的值；如果是引用类型的值，我们只是通过保存在变量中的引用类型的地址类操作实际对象。从而也引出了所谓的深浅复制问题

二、浅拷贝

方法一

// 假设有两个对象

var objA = {
  a: 'aa',
  b: 'bb'
};
var objB = {};

// 现在想把对象A的值复制给B，由于对象A的两个值都是原始类型，用浅复制即可

function copy(sub, sup) {
  for (var key in sup) {
    sub[key] = sup[key];
  }
}
copy(objB, objA);

方法二

Object.assign() (兼容性不好)

方法三

_.clone()

方法四

数组中 concat 和 slice 方法

方法五

ES6展开运算

var arr = [{name:'poetries',age:22}]

var target = [...arr]

三、深拷贝

简单来说深复制就是当遇到值是对象类型的时候就再运行一遍复制

方法一 JSON.parse(JSON.stringify(obj))

简单粗暴又有点 dirty ，但是能满足日常需求，只能处理 json 能理解的数据格式，当然不包括函数了，性能也没有特别好

方法二 lodash —— _.cloneDeep()

很好地兼容了ES6的新引用类型，而且处理了环型对象的情况

方法三 jQuery —— $.clone() / $.extend()

源码适合初学者学习，比较好理解

方法四自己实现一个

function deepCopy (obj) {
    var result;

    //引用类型分数组和对象分别递归
    if (Object.prototype.toString.call(obj) == '[object Array]') {
      result = []
      for (i = 0; i < obj.length; i++) {
        result[i] = deepCopy(obj[i])
      }
    } else if (Object.prototype.toString.call(obj) == '[object Object]') {
      result = {}
      for (var attr in obj) {
        result[attr] = deepCopy(obj[attr])
      }
    }
    //值类型直接返回
    else {
      return obj
    }
    return result
}

以上所述就是小编给大家介绍的《JavaScript深浅拷贝》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农网的支持！

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

嵌入式系统软件设计中的常用算法

周航慈 / 2010-1 / 24.00元

《嵌入式系统软件设计中的常用算法》根据嵌入式系统软件设计需要的常用算法知识编写而成。基本内容有：线性方程组求解、代数插值和曲线拟合、数值积分、能谱处理、数字滤波、数理统计、自动控制、数据排序、数据压缩和检错纠错等常用算法。从嵌入式系统的实际应用出发，用通俗易懂的语言代替枯燥难懂的数学推导，使读者能在比较轻松的条件下学到最基本的常用算法，并为继续学习其他算法打下基础。《嵌入式系统软件设计中的......一起来看看《嵌入式系统软件设计中的常用算法》这本书的介绍吧!

码农工具

图片转BASE64编码

在线图片转Base64编码工具

JavaScript深浅拷贝

二、浅拷贝

方法一

方法二

方法三

方法四

方法五

三、深拷贝

方法一 JSON.parse(JSON.stringify(obj))

方法二 lodash —— _.cloneDeep()

方法三 jQuery —— $.clone() / $.extend()

方法四 自己实现一个

嵌入式系统软件设计中的常用算法

图片转BASE64编码

UNIX 时间戳转换

方法四自己实现一个