浅拷贝1(for-in)

木森林哥哥

于 2022-09-10 18:19:25 发布

阅读量210

点赞数

分类专栏：代码文章标签： javascript 前端开发语言 ecmascript html5

本文链接：https://blog.csdn.net/weixin_47021982/article/details/126798364

版权

代码专栏收录该内容

32 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <!-- 
    浅拷贝:仅仅复制对象的引用,而不是对象本身。
    深拷贝:复制对象所引用的全部对象。
 -->
  <body>
    <script>
      var obj1 = {
        name: "laowang",
        age: 18,
        do: function () {
          console.log("study");
        },
        hobby: ["唱", "跳", "rap"],
      };

      //完成了浅拷贝
      var obj2 = {};
      for (var key in obj1) {
        obj2[key] = obj1[key];
      }

      console.log(obj2); // {name: 'laowang', age: 18, hobby: Array(3), do: ƒ}
      console.log(obj2 === obj1); // false
      obj2.name = "xiaowang";
      console.log(obj1); // {name: 'laowang', age: 18, hobby: Array(3), do: ƒ}

      console.log(obj2.hobby === obj1.hobby); // true
      obj2.hobby.push("篮球");
      console.log(obj1.hobby); // ['唱', '跳', 'rap', '篮球']
    </script>
  </body>
</html>