JS深拷贝

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;
}
上一篇:new RegExp(“^\\d*$“)与/^\d*$/之间区别


下一篇:从Url中获取某一参数的参数值