JS深拷贝

2021-06-15 08:33:49 阅读：142 来源： 互联网

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

标签：target,JS,let,result,RegExp,拷贝,赋值
来源： https://www.cnblogs.com/yangjiale/p/14884031.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JS深拷贝