两种方式实现浅拷贝 for in实现和Object.assign({}, 对象1, 对象2);

简介: 两种方式实现浅拷贝 for in实现和Object.assign({}, 对象1, 对象2);

浅拷贝只拷贝对象的一层,如果对象的属性还是对象,那么user3和user4这两个对象对应的值都会发生改变


// 拷贝分为浅拷贝和深拷贝。
        // 浅拷贝的实现 通过for in实现
        var user1 = {
            name: "小明",
            age: 30,
            height: 1.9
        };
        var user2 = {};
        for (var i in user1) {
            user2[i] = user1[i]; //user[i]输出的是每一个值,将user1的每一个值赋予给user2对象
        }
        console.log(user2) //{name: "小明", age: 30, height: 1.9}
        // 浅拷贝 通过Object.assign({}, 对象1, 对象2);
        // 这一种浅拷贝方式类似于jquery的$.extend({}, 对象1, 对象2)
        var obj1 = {
            name: "小明",
            age: 13
        };
        var obj2 = {
            name: "大王",
            tel: 18456888
        };
        var obj = Object.assign({}, obj1, obj2);
        console.log(obj) //{name: "大王", age: 13, tel: 18456888}
        // 我们发现这一种方式,相同的key值后一个会覆盖前一个的key值,
        //浅拷贝只拷贝对象的一层,如果对象的属性还是对象,那么user3和user4这两个对象对应的值都会发生改变
        var user3={name:"小明",age:18, deMent:{bumen:"市场部",no:"001"}}
        var user4={};
        for(var i in user3){
            user4[i]=user3[i];
        }
        user4.age=80;   //这个值 不会互相影响改变
        user4.deMent.bumen="策划部"; //这个值 会互相影响改变
        console.log(user3); //输出  {name: "小明", age: 18,deMent:{bumen: "策划部", no: "001"} }
        console.log(user4); //{name: "小明", age: 80,deMent: {bumen: "策划部", no: "001"}}
相关文章
|
2月前
|
JavaScript 前端开发 开发者
讲述Vue框架中用于对象响应式变化的Object.defineProperty函数。
综上所述,Vue.js通过 `Object.defineProperty()`提供了强大的响应式能力,使得状态管理变得简洁高效。这种能力是Vue.js受到广大开发者青睐的重要原因之一。尽管Vue 3.x使用Proxy替代了该方法,但对于Vue 2.x及其之前版本,`Object.defineProperty()`是理解Vue.js内部工作机制不可或缺的一部分。
123 27
|
8月前
|
安全 Java
Object取值转java对象
通过本文的介绍,我们了解了几种将 `Object`类型转换为Java对象的方法,包括强制类型转换、使用 `instanceof`检查类型和泛型方法等。此外,还探讨了在集合、反射和序列化等常见场景中的应用。掌握这些方法和技巧,有助于编写更健壮和类型安全的Java代码。
448 17
|
6月前
|
前端开发 数据处理
对象数据的读取,看这一篇就够了!Object.keys()、Object.values()和Object.entries()用法详解;如何获取对象原型链上的属性
Object.keys()、Object.values()和Object.entries()都是利于对象操作的便捷方法,能有效提升数据处理的效率。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
12月前
ES6中map对象的使用,确实比Object好使哈
ES6中Map对象的使用优势,包括任意类型作为键、直接获取大小、增删查改操作等。Map的键可以是函数、对象、NaN等,支持forEach循环和for...of循环。
131 1
ES6中map对象的使用,确实比Object好使哈
|
11月前
|
Python
通过 type 和 object 之间的关联,进一步分析类型对象
通过 type 和 object 之间的关联,进一步分析类型对象
165 3
|
数据安全/隐私保护
作用域通信对象:session用户在登录时通过`void setAttribute(String name,Object value)`方法设置用户名和密码。点击登录按钮后,跳转到另外一个页面显示用户
该博客文章通过示例演示了如何使用session对象的`setAttribute`和`getAttribute`方法在不同页面间传递和显示用户的用户名和密码信息,并说明了如何设置会话的有效期。
作用域通信对象:session用户在登录时通过`void setAttribute(String name,Object value)`方法设置用户名和密码。点击登录按钮后,跳转到另外一个页面显示用户
|
11月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
179 0
|
SQL 存储 数据库
对象关系映射(Object-Relational Mapping)
【8月更文挑战第17天】
295 2
|
存储 算法 Java
滚雪球学Java(42):探索对象的奥秘:解析Java中的Object类
【5月更文挑战第17天】🏆本文收录于「滚雪球学Java」专栏,专业攻坚指数级提升,希望能够助你一臂之力,帮你早日登顶实现财富自由🚀;同时,欢迎大家关注&&收藏&&订阅!持续更新中,up!up!up!!
108 2
滚雪球学Java(42):探索对象的奥秘:解析Java中的Object类
【Azure Developer】使用PowerShell Where-Object方法过滤多维ArrayList时候,遇见的诡异问题 -- 当查找结果只有一个对象时,返回结果修改了对象结构,把多维变为一维
【Azure Developer】使用PowerShell Where-Object方法过滤多维ArrayList时候,遇见的诡异问题 -- 当查找结果只有一个对象时,返回结果修改了对象结构,把多维变为一维

热门文章

最新文章