js对象深拷贝

前置知识

基本类型和引用类型

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

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

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

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

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

var newObj = obj;

js对象深拷贝_第1张图片

实现深拷贝的方式

1 JSON转换

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

js对象深拷贝_第2张图片

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;
}

js对象深拷贝_第3张图片

你可能感兴趣的:(js)