ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

JS深浅拷贝

JS深浅拷贝
  • 拷贝:复制数据
  • 浅拷贝:将对象数据的第一层复制出来,更深层的数据仅仅是地址的引用
  • 深拷贝:无论多少层数据,全都要复制出来
  • 实现浅拷贝
    1. 使用for-in遍历
    let target = {};
    // 遍历源数据对象
    for (const key in origin) {// 将源数据对象中的第一层数据赋值给targettarget[key] = origin[key];
    }
    
    1. 使用Object.assign方法
    let target = {};
    Object.assign(target, origin);
    
    1. 扩展运算符
    let target = { ...origin }
    
  • 实现深拷贝
    1. 使用JSON转换
      • 此方法只适用于数据中的复杂类型数据都是对象或数组的情况
    let target = JSON.parse(JSON.stringify(origin));
    
    1. 使用递归函数手写深拷贝
      • 此函数仅仅考虑数据中的复杂类型数据都是对象或数组的情况
    function deepCopy(origin, target = {}) {// 遍历origin对象for (const key in origin) {// 判断origin[key]的值是否为对象if (Object.prototype.toString.call(origin[key]) !== 'object Object') {// 如果不是对象,直接添加到target中target[key] = origin[key];} else {// 如果是对象,则递归调用target[key] = {};deepCopy(origin[key], target[key]);}}return target;
    }
    
返回列表