js深拷贝

最新推荐文章于 2025-08-15 09:01:53 发布

啊哈前端

最新推荐文章于 2025-08-15 09:01:53 发布

阅读量438

点赞数

分类专栏： javascript 文章标签： javascript

javascript 专栏收录该内容

62 篇文章

订阅专栏

本文介绍了一个用于JavaScript的深拷贝方法实现，并通过实例演示了如何使用该方法完全复制一个包含数组、对象和其他基本类型的复杂对象，展示了深拷贝与浅拷贝的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js深拷贝</title>
</head>
<body>
<script>
  var s = [];
  console.log(s['name']);
  //p：父对象;c: 子对象
  function deepCopy(p, c){
      var c = c || {};
      debugger;
      for(let i in p){
          if(typeof p[i] === 'object'){
                c[i] = (p[i].constructor === Array) ?[]:{};
                deepCopy(p[i], c[i]);
          }else {
                c[i] = p[i];
          }
      }
      return c;
  }

  var parent = {
      numbers: [1,2,3],
      letters: ['a', 'b', 'c'],
      obj: {
          prop: 1
      },
      bool: true
  };


  var mydeep =deepCopy(parent);
  console.log(mydeep);
  mydeep.numbers[0] = 666;
  console.log(mydeep.numbers[0]);
  console.log(parent.numbers[0]);
</script>
</body>
</html>