美文网首页
JS中实现深拷贝的几种方法

JS中实现深拷贝的几种方法

作者: 臭臭的胡子先生 | 来源:发表于2023-03-23 16:21 被阅读0次
使用递归的方式实现深拷贝
function deepClone(obj){
  let objClone =  Array.isArray(obj) ? [] : {};
  if (obj && typeof obj === 'object') {
    for(let key in obj){
      if (obj[key] && typeof obj[key] === 'object'){
        objClone[key] = deepClone(obj[key]);
      }else{
        objClone[key] = obj[key]
      }
    }
  }
  return objClone;
}
通过JSON对象实现深拷贝
// 注意: 无法实现对象中方法的深拷贝
function deepClone2(obj) {
  let _obj = JSON.stringify(obj),
  return JSON.parse(_obj);

}
通过Object.assign()拷贝
//注意: 当对象只有一级属性为深拷贝;
//当对象中有多级属性时,二级属性后就是浅拷贝
let obj2 = {name:'zhang',info:{num:'001'}}
let resObj = Object.assign({},obj2)
console.log(resObj)
数组深拷贝的几种方法
 concat(arr1, arr2,....)

slice(idx1, idx2)

参数可以省略
1)没有参数是拷贝数组
2)只有一个参数是从该位置起到结束拷贝数组元素
3)两个参数,拷贝从起始位置到结束位置的元素(不包含结束位置的元素:含头不含尾)

相关文章

网友评论

      本文标题:JS中实现深拷贝的几种方法

      本文链接:https://www.haomeiwen.com/subject/oldejltx.html