JavaScript如何实现多级对象的深度克隆

这篇文章给大家分享的是有关javascript如何实现多级对象的深度克隆的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

多级对象的深度克隆

要深度克隆多级对象，可以遍历每个属性，并检查当前属性是否包含对象。如果是，则通过传递当前属性值(即嵌套对象)对同一函数进行递归调用。也可以使用JSON.stringify()和jsON.parse()在一行中实现。

let obj = {x: 20, y: {z: 30}};  //Longhand  const makeDeepClone = (obj) => {    let newObject = {};    Object.keys(obj).map(key => {      if(typeof obj[key] === 'object'){        newObject[key] =makeDeepClone(obj[key]);      } else {        newObject[key] = obj[key];      }    });   return newObject;  } const cloneObj = makeDeepClone(obj);  //Shorthand  const cloneObj = JSON.parse(JSON.stringify(obj));

如果对象属性以函数作为值，则速记技巧(JSON.parse(JSON.stringify(obj)))无效。因为JSON.stringif作用于对象时，以函数作为值的属性会从对象中移除。所以这种情况下，还是要用普通写法。

感谢各位的阅读！关于“JavaScript如何实现多级对象的深度克隆”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！