千家信息网

js如何实现深拷贝

发表于:2025-01-19 作者:千家信息网编辑
千家信息网最后更新 2025年01月19日,这篇文章给大家分享的是有关js如何实现深拷贝的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。深拷贝使用变量 a 拷贝对象 b,改变 a 中的值 b 中的值也会跟着改变,这叫做
千家信息网最后更新 2025年01月19日js如何实现深拷贝

这篇文章给大家分享的是有关js如何实现深拷贝的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

深拷贝

使用变量 a 拷贝对象 b,改变 a 中的值 b 中的值也会跟着改变,这叫做浅拷贝。要想让 a 独立于 b 就需要深拷贝

简易处理

function deepClone() { return JSON.parse(JSON.stringify(obj))}

既然是建议处理就有他的不足,上面主要是用了 JSON 的序列化和反序列化。而 JSON 是不支持函数和 undefined 的因此碰到这些情况会缺失,但是已经能够满足大部分情况了

复杂处理

复杂处理就需要采用递归的方式了

function deepClone(obj) {  function isClass(o) {  if (o === null) return "Null";  if (o === undefined) return "Undefined";  return Object.prototype.toString.call(o).slice(8, -1);  }  var result;  var oClass = isClass(obj);  if (oClass === "Object") {  result = {};  } else if (oClass === "Array") { result = [];  } else {  return obj;  }  for (var key in obj) {  var copy = obj[key];  if (isClass(copy) == "Object") {  result[key] = arguments.callee(copy);//递归调用  } else if (isClass(copy) == "Array") {  result[key] = arguments.callee(copy);  } else {  result[key] = obj[key];  }  }  return result;}

感谢各位的阅读!关于"js如何实现深拷贝"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

0