两种方式实现浅拷贝 for in实现和Object.assign({}, 对象1, 对象2);
时间:2019-09-20
本文章向大家介绍两种方式实现浅拷贝 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"}}
原文地址:https://www.cnblogs.com/IwishIcould/p/11560255.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- leetcode: explore-array-31 旋转矩阵
- Python 内置模块:logging 官方基础教程翻译
- leetcode: explore-array-21 从排序数组中删除重复项
- leetcode: explore-array-22 买卖股票的最佳时机 II
- leetcode: explore-strings-32 反转字符串
- leetcode: explore-strings-33 反转字符串
- 02-leetcode: explore-strings-34 字符串中的第一个唯一字符
- 《操作系统》:理解一些基础概念
- Json与对象相互转换 - alibaba fastjson
- 2020-08-21
- Kubernetes Dashboard 与 LDAP 的集成
- Grafana Loki 简明教程
- 深度学习中7种最优化算法的可视化与理解
- 【基础详解】手磕实现 CNN卷积神经网络!
- 直播间源码android音视频开发