js对象深拷贝

来源:互联网 发布:郑州直销软件开发 编辑:程序博客网 时间:2024/05/20 12:47

前置知识

基本类型和引用类型

  基本类型:存放在栈内存中的简单数据段,数据大小确定,内存空间大小可以分配。

  5种基本数据类型有Undefined、Null、Boolean、Number 和 String,它们是直接按值存放的,所以可以直接访问。

  引用类型:存放在堆内存中的对象,变量实际保存的是一个指针,这个指针指向另一个位置。每个空间大小不一样,要根据情况开进行特定的分配。

  当我们需要访问引用类型(如对象,数组,函数等)的值时,首先从栈中获得该对象的地址指针,然后再从堆内存中取得所需的数据。

浅拷贝 若是引用类型则拷贝的是一个引用地址

var newObj = obj;

这里写图片描述

实现深拷贝的方式

1 JSON转换

var newObj = JSON.parse(JSON.stringify(obj));

这里写图片描述

2 递归解析

function copyObject(obj){  var newObj = obj.constructor === Array?[]:{};  for(var i in obj){    if(typeof obj[i] === 'object'){      newObj[i] = arguments.callee(obj[i]);    }    else{      newObj[i]=obj[i];    }  }  return newObj;}function copyAll(type){  var o;  if(typeof type === 'object'){    o = copyObject(type);  }else{    o = type;  }  return o;}

这里写图片描述

原创粉丝点击