js对象深拷贝

本文介绍了JavaScript中基本类型与引用类型的存储方式,并详细解释了浅拷贝和深拷贝的区别及实现方法,包括使用JSON转换和递归解析。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前置知识

基本类型和引用类型

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

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

这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值