位置: IT常识 - 正文

Object.assign详解(object.assign(this.$data, this.$options.data()))

编辑:rootadmin
Object.assign详解

目录

一、Object.assign是什么?

二、用法:

三、详细讲解

1.目标对象和源对象没有同名属性

2.目标对象和源对象有同名属性

3.有多个源对象

4、原始类型会被包装为对象

5、对象的拷贝

6、对象的深拷贝

7、对象的深拷贝

总结


一、Object.assign是什么?

推荐整理分享Object.assign详解(object.assign(this.$data, this.$options.data())),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:object’s,object.assign(),object’s,object.assign() mdn,object as,object.assign(this.$data, this.$options.data()),object as,object.assign(),内容如对您有帮助,希望把文章链接给更多的朋友!

object.assign()主要用于对象合并,将源对象中的属性复制到目标对象中,他将返回目标对象。

二、用法:

Object.assign(target, ...sources)

参数:target--->目标对象

           source--->源对象

Object.assign详解(object.assign(this.$data, this.$options.data()))

返回值:target,目标对象

三、详细讲解1.目标对象和源对象没有同名属性var target = {name:'带你飞'}var source = {age:18}var result = Object.assign(target,source)console.log(result,target===result); // {name: '带你飞', age: 18} true

如果只是想将两个或多个对象的属性合并到一起,不改变原有对象的属性,可以用一个空的对象作为target对象。像下面这样:

var result=Object.assign({},target,source);

2.目标对象和源对象有同名属性var target = {name:'带你飞',age:16}var source = {age:18}var result = Object.assign(target,source)console.log(result,target===result); // {name: '带你飞', age: 18} true

可以看到如果有同名属性的话,后面的属性值会覆盖前面的属性值。

3.有多个源对象var target = {name:'带你飞',age:16}var source1 = {age:18}var source2 = {age:20,hobby:'打游戏'}var result = Object.assign(target,source1,source2)console.log(result,target===result); // {name: '带你飞', age: 20, hobby: '打游戏'} true

如果有多个源对象,没有同名的属性会直接复制到目标对象上,如果有同名属性的话,后面的属性值会覆盖前面的属性值。

4、原始类型会被包装为对象var source1 = "abc";var source2 = true;var source3 = 10;var result = Object.assign({}, source1, null, source2, undefined, source3); // 原始类型会被包装,null 和 undefined 会被忽略。// 注意,只有字符串的包装对象才可能有自身可枚举属性。console.log(result); // {0: 'a', 1: 'b', 2: 'c'}5、对象的拷贝var object1 = { a: 1, b: 2, c: 3};var object2 = Object.assign({c: 4, d: 5}, object1);console.log(object2.c, object2.d); // 3 5console.log(object1) // { a: 1, b: 2, c: 3 }console.log(object2) // { c: 3, d: 5, a: 1, b: 2 }Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。6、对象的深拷贝

深拷贝:深拷贝不会拷贝引用类型的引用,而是将引用类型的值全部拷贝一份,形成一个新的引用类型,这样就不会发生引用错乱的问题,使得我们可以多次使用同样的数据,而不用担心数据之间会起冲突。

let object1 = {a: 1,b: 2};let object2 = Object.assign({}, obj1, {b: 20});console.log(object1); // { a: 1, b: 2 }console.log(object2); // { a: 1, b: 20 }7、对象的浅拷贝

浅拷贝:浅拷贝只是复制了对象的引用地址,两个对象指向同一个内存地址,所以修改其中任意的值,另一个值都会随之变化,这就是浅拷贝

var object1 = {a: 1,b: {c: 2,d: 3}};var object2 = Object.assign({}, object1);object2.a = 10;object2.b.c = 20;console.log(object1); // { a: 1, b: { c: 20, d: 3 } }console.log(object2) //{ a: 10, b: { c: 20, d: 3} }总结:

      object.assign()主要用于对象合并,将源对象中的属性复制到目标对象中,他将返回目标对象。如果有同名属性的话,后面的属性值会覆盖前面的属性值,如果有多个源对象,没有同名的属性会直接复制到目标对象上,还可以进行对象的深浅拷贝,当对象中只有一级属性,没有二级属性的时候,此方法为深拷贝,但是对象中有对象的时候,此方法,在二级属性以后就是浅拷贝。 。

以上内容纯属个人理解,如果有朋友发现不对的欢迎随时指正!

本文链接地址:https://www.jiuchutong.com/zhishi/299908.html 转载请保留说明!

上一篇:【华为OD机试真题2023 JAVA】服务中心的最佳位置(华为od测试岗机试需要怎么准备)

下一篇:基于反事实的因果推理Causal inference based on counterfactuals--一万六千字文献详细解读(因果关系的推理应用)【全文总结】(基于反事实因果推断的度小满额度模型)

  • 适用综合所得税率表
  • 专利银行卡汇款流程
  • 公司在筹备阶段可以不交社保
  • 公司取现需要带什么东西
  • 住房补贴是不是编制才有
  • 出售固定资产的净收益
  • 购入材料用什么科目
  • 什么费用可以列支拆迁补偿费
  • 销售合同总金额含税还是不含税
  • 增值税专票5%税率
  • 进项发票可以不入账吗
  • 什么计入在途物资
  • 进项票一定要专票吗
  • 收入与应收款
  • 一般纳税人注销库存需要补交税吗
  • 公司投资私募股票有哪些
  • 营业收入包括的项目有
  • 主营业成本和销售费用的区别
  • 企业分立账务处理办法
  • 新会计准则下建筑业会计科目设置
  • 预售房款预缴企税怎么算
  • 无法收回的应收票据怎么处理
  • win10打印机驱动在电脑哪里找
  • 银行退回手续费的账务处理
  • 以太网没有internet
  • 向职工集资计入收入吗
  • firefox有什么用
  • 企业银行贷款利率2023
  • 工程资金占用费的法律依据
  • php锁定文本
  • 什么叫转登记纳税人
  • php发送qq邮箱
  • 发票抬头可以是两个人吗
  • vue的样式穿透
  • 企业以付费的形式
  • 通过ChatGPT实现的ChatPDF,简单的应用落地,让你的文档变成一个智能助手,通过对话的方式快速学习文档内容
  • web自动化测试项目
  • react usereducer
  • 攻防世界web高手题答案
  • checksum命令
  • php clob
  • 完整财务报表包括哪几类
  • 什么情况下可以提取公积金
  • 预收账款收了没
  • 帝国cms好用吗
  • 非营利组织免征企业所得税的通知
  • 销项负数发票能作废吗
  • 车险 保险金额
  • 个人销售商品交什么税
  • 应付国库集中支付结余核算
  • 已抵扣进项税额转出的会计分录怎么做
  • 转让无形资产的收入应计入什么科目
  • 核算税金怎么核算
  • 漏记以前年度财务费用怎么处理
  • 企业改制后如何脱离原主管部门
  • sql实现分页查询语句
  • explain分析sql效率的方法
  • 台式电脑二级网页打不开怎么办
  • win10预览版和正式版区别
  • 不同的linux系统命令一样吗
  • xp快捷桌面图标
  • linux ls常用命令
  • 膈肌窝里有痦子
  • qq突然显示windows登录
  • win8.1技巧
  • linux 常用命令大全及其详解
  • linux系统获取dhcp地址
  • win7系统怎么连接wifi
  • 查看电脑是否可以装两个固态
  • 低分辨率调高分辨率会模糊吗
  • android 自定义dialog
  • parentElement,srcElement的使用小结
  • unity游戏开发常用技术
  • 网络很强大
  • 性能优化报告
  • android监听app启动
  • [置顶]星陨计划
  • Metaio in Unity3d 教学--- 四.再谈谈图片扫描之tracking配置文件
  • python按行写入txt
  • jquery 3.5
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设