JavaScript深拷贝函数

转载已于 2022-08-01 16:25:57 修改 · 437 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.jianshu.com/p/8ad7b1c9fe25

文章标签：

#javascript #前端

于 2022-08-01 15:19:20 首次发布

JavaScript学习专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍了JavaScript中实现深拷贝的一种方法，通过递归处理不同类型的值，包括对象、数组、正则表达式以及null。对于对象，使用for...in循环遍历并递归赋值所有属性，确保拷贝的深度。对于基本数据类型，直接赋值。该方法在处理复杂数据结构时非常有用。

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