原生JavaScript实现对象的完全深度拷贝

hanq2016

已于 2022-11-15 16:34:10 修改

阅读量296

点赞数 1

分类专栏： js 文章标签： javascript 开发语言 ecmascript

于 2022-11-15 15:23:18 首次发布

本文链接：https://blog.csdn.net/hanq2016/article/details/127866714

版权

js 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

这篇博客介绍了JavaScript中如何判断一个变量是对象还是数组，并提供了一个深拷贝函数来复制复杂对象的属性，确保拷贝过程中保持原有结构。函数通过检查Object.prototype.toString方法的结果来区分对象和数组，然后递归处理嵌套的对象和数组进行深拷贝。

摘要由CSDN通过智能技术生成

// 判断n是否是对象
function isObject(n) {
  return Object.prototype.toString.call(n).slice(8, -1) === 'Object'
}

// 判断n是否是数组
function isArray(n) {
  return Object.prototype.toString.call(n).slice(8, -1) === 'Array'
}

// 对象属性的深拷贝
function cloneDeep(obj) {
  if (!isObject(obj) && !isArray(obj)) {
    return console.log('请传递对象参数')
  }
  let object = isArray(obj) ? [] : {}
  // 获得对象的所有属性名称数组
  let keys = Reflect.ownKeys(obj)
  for (let key of keys) {
    object[key] = isObject(obj[key]) || isArray(obj[key]) ? cloneDeep(obj[key]) : obj[key]
  }
  return object
}