JS中的深浅拷贝

深浅拷贝的区别: 深浅拷贝是针对对象和数组而言的,基本数据类型不存在深浅拷贝;浅拷贝只会拷贝对象或数组的引用,深拷贝会递归拷贝对象的属性的值。

解构和Object.assign都是浅拷贝(如果数组是一维的或者对象只有一层属性,则为深拷贝)

手写深拷贝:

  1. 方法一:手写clone方法
var deepClone = function(obj) {
  // 判断是不是复杂数据类型
  if (typeof obj == 'object') {
    // 判断是数组还是对象
    var result = obj.constructor == Array ? [] : {}  
    for (var key in obj) {
      // 判断该属性是复杂数据类型,还是基本数据类型
      result[key] = typeof obj[key] == 'object' ? deepClone(obj[key]) : obj[key]
    }
  } else {
    var result = obj
  }
  return result
}
  1. 方法二:借助JSON,如果对象中有 function ,则不能使用该方法
var target = JSON.parse(JSON.stringify(sourse))

你可能感兴趣的:(JS,json)