首页 > Web开发 > 详细

JS深拷贝

时间:2021-06-15 09:27:36      阅读:21      评论:0      收藏:0      [点我收藏+]
let obj = {
  text: ‘abc‘,
  num: 123,
  undefin: undefined,
  func: () => {
    console.log(‘func‘)
  },
  exp: new RegExp(/a/),
  deepobj: {
    name: "a"
  }
}

/**
* JSON拷贝
* undefined、function、RegExp无法拷贝
*/
let jsonObj = JSON.parse(JSON.stringify(obj))

/**
* Object.assign
* 只能拷贝第一层基本类型
*/
let assignObj = Object.assign({}, obj)
assignObj.deepobj.name = "b" // 影响原对象

/**
* 递归拷贝
*/
let obj2 = deepClone(obj)

function deepClone(target) {
  // 定义一个变量
  let result;
  // 如果当前需要深拷贝的是一个对象的话
  if (typeof target === ‘object‘) {
    if (Array.isArray(target)) {
      // 如果是一个数组的话
      result = []; // 将result赋值为一个数组,并且执行遍历
      for (let i in target) {
        // 递归克隆数组中的每一项
        result.push(deepClone(target[i]))
      }
    } else if(target===null) {
      // 判断如果当前的值是null的话;直接赋值为null
      result = null;
    } else if(target.constructor===RegExp){
      // 判断如果当前的值是一个RegExp对象的话,直接赋值
      result = target;
    } else {
      // 否则是普通对象,直接for in循环,递归赋值对象的所有值
      result = {};
      for (let i in target) {
        result[i] = deepClone(target[i]);
      }
    }
  } else {
    // 如果不是对象的话,就是基本数据类型,那么直接赋值
    result = target;
  }
  // 返回最终结果
  return result;
}

JS深拷贝

原文:https://www.cnblogs.com/yangjiale/p/14884031.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!