怎么实现深拷贝

  1. 注意点
  • 进行拷贝操作时,须加以区分引用类型和基本数据类型的值,且拷贝引用类型的值时,不是简简单单的复制其保存在栈中的指针,(即浅拷贝)而是应该复制其存储在堆中的数据。
  1. 解题思路 (1)方法一:分别对数组、对象、基本数据类型值进行判断、考虑,使用递归的方式复制值 (2)方法二:利用了 JSON.parse()JSON.stringify() 这两个方法实现深拷贝

  2. 代码

/* 方法一 */
function deepClone (val) {
  var res;
  if (val && Array.isArray(val)) {
    res = [];
    val.forEach(function (item) {
      res.push(deepClone(item));
    });
  } else if (typeof val === 'object' && val !== null) {
    res = {};
    for (let key of Object.keys(val)) {
      res[key] = deepClone(val[key]);
    }
  } else {
    res = val;
  }
  return res;
}

/* 方法二 */
function deepClone (val) {
  if (typeof val === 'undefined') {
    return;
  }
  var temp = JSON.stringify(val);
  return JSON.parse(temp);
}

/* 测试代码 */
// 深拷贝基本数据类型值
var val = 'hello world';
console.log('基本数据类型值', deepClone(val));
// 深拷贝数组
var arr = [9, 'cat', true, null, undefined, [1, 2], {foo: 'bar'}];
console.log('数组', deepClone(arr));
// 深拷贝对象
var obj = {
  name: 'wang',
  age: 18,
  isStudent: true,
  nums: [3, 4],
  score: {
    math: 95
  }
};
console.log('对象', deepClone(obj));
复制代码

转载于:https://juejin.im/post/5bd4605bf265da0a9a39b4d8

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值