JS深度克隆所有类型数据

最新推荐文章于 2021-11-05 21:25:47 发布

小小前端_可笑可笑

最新推荐文章于 2021-11-05 21:25:47 发布

阅读量457

点赞数

文章标签： js javascript

本文链接：https://blog.youkuaiyun.com/weixin_44901846/article/details/108799812

版权

JS深度克隆所有类型数据

代码
测试

代码

function deepClone(obj) {
  // 特判null
  if(obj == null) {
    return null
  }
  // 基本数据类型：number\string\boolean\undefined
  if(typeof obj != 'object') {
    return obj
  }
  // 特判RegExp 和 Date
  if(obj instanceof RegExp || obj instanceof Date) {
    return obj
  }
  // 包装类：String/Boolean/Number/自定义
  if(obj.constructor != 'Array' && obj.constructor != 'Object') {
    return obj
  }
  // 数组or对象
  let cloneObj = (obj instanceof Array) ? [] : {}
  for(let item in obj) {
    cloneObj[item] = deepClone(obj[item])
  }
  return cloneObj
}

测试

一般对象

const beforeClone = {
  name: 'aolyu',
  age: 18,
  like: {
    eat: 'eat',
    sleep: 'sleep'
  },
  sports: [
    'pingpong',
    'run'
  ]
}
const afterClone = deepClone(beforeClone)

console.log('before:', beforeClone)
console.log(' after:', afterClone)

一般对象

数组

const like = {eat: 'eat', sleep: 'sleep'}
const beforeClone = [1, 2, like]
const afterClone = deepClone(beforeClone)

console.log('before:', beforeClone)
console.log(' after:', afterClone)

RegExp对象

const beforeClone = new RegExp('[0-9]')
const afterClone = deepClone(beforeClone)

console.log('before:', beforeClone)
console.log(' after:', afterClone)

RegExp

Date对象

const beforeClone = new Date()
const afterClone = deepClone(beforeClone)

console.log('before:', beforeClone)
console.log(' after:', afterClone)

Date

Null

const beforeClone = null
const afterClone = deepClone(beforeClone)

console.log('before:', beforeClone)
console.log(' after:', afterClone)

null

包装类

const beforeClone = new Number('1')
const afterClone = deepClone(beforeClone)

console.log('before:', beforeClone)
console.log(' after:', afterClone)

自定义函数对象

function TestFunc(name) {
  this.name = name
}

const beforeClone = new TestFunc('aolyu')
const afterClone = deepClone(beforeClone)

console.log('before:', beforeClone)
console.log(' after:', afterClone)

自定义