js实现兼容多种数据类型深拷贝

最新推荐文章于 2022-09-21 12:00:42 发布

cellinlab

最新推荐文章于 2022-09-21 12:00:42 发布

阅读量502

点赞数

CC 4.0 BY-SA版权

分类专栏：前端基础文章标签： js 深拷贝 ES6 JavaScript 前端

本文链接：https://blog.youkuaiyun.com/funkstill/article/details/105768979

前端基础专栏收录该内容

167 篇文章

订阅专栏

本文深入探讨了深拷贝的概念及其实现方法，通过JavaScript代码示例，详细讲解了如何递归复制对象和数组，确保原始数据与拷贝数据完全独立。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 深拷贝
function deepCopy (data) {
  const t = typeOf(data)
  let o
  if (t === 'array') {
    o = []
  } else if (t === 'object') {
    o = {}
  } else {
    return data
  }

  if (t === 'array') {
    for(let i = 0; i < data.length; i++) {
      o.push(deepCopy(data[i]))
    }
  } else if (t === 'object') {
    for (const key in data) {
      o[key] = deepCopy(data[key])
    }
  }
  return o
}
function typeOf(obj) {
  const toString = Object.prototype.toString
  const map = {
    '[object Boolean]' : 'boolean',
    '[object Number]' : 'number',
    '[object String]' : 'string',
    '[object Function]' : 'function',
    '[object Array]' : 'array',
    '[object Date]' : 'date',
    '[object RegExp]' : 'regExp',
    '[object Undefined]': 'undefined',
    '[object Null]' : 'null',
    '[object Object]' : 'object'
    }
  return map[toString.call(obj)]
}