实现深拷贝方法

逸男2022年12月12日
  • JavaScript
小于 1 分钟

实现深拷贝方法

一,实现数组深拷贝

1.使用 es6
var a = [1, 2, 3]
var b = [...a]
b.push(4)
console.log(b) //1,2,3,4
console.log(a) //1,2,3
2.使用 concat()方法
var a = [1, 2, 3]
var c = []
var b = c.concat(a)
b.push(4)
console.log(b) //1,2,3,4
console.log(a) //1,2,3
3.使用 slice()方法
var a = [1, 2, 3]
var b = a.slice(0)
b.push(4)
console.log(b) //1,2,3,4
console.log(a) //1,2,3

二,复杂深拷贝(对象或者数组)

1.使用 JSON 对象的 stringify 和 parse 方法
var a = [1, 2, 3]
var b = JSON.parse(JSON.stringify(a))
b.push(4)
console.log(b) //1,2,3,4
console.log(a) //1,2,3
2.使用递归
function deep(obj) {
  //判断拷贝的要进行深拷贝的是数组还是对象,是数组的话进行数组拷贝,对象的话进行对象拷贝
  var objClone = Array.isArray(obj) ? [] : {}
  //进行深拷贝的不能为空,并且是对象或者是
  if (obj && typeof obj === 'object') {
    for (key in obj) {
      if (obj.hasOwnProperty(key)) {
        if (obj[key] && typeof obj[key] === 'object') {
          objClone[key] = deep(obj[key])
        } else {
          objClone[key] = obj[key]
        }
      }
    }
  }
  return objClone
}
上次编辑于:
贡献者: yinan