Object.assign是浅拷贝

最新推荐文章于 2024-07-01 17:12:58 发布
最新推荐文章于 2024-07-01 17:12:58 发布
阅读量487 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42420703/article/details/100177205
版权
本文详细探讨了`Object.assign`方法的工作原理，包括它的语法、关键点、特殊情况处理，如数组的处理、只有一个参数的情况以及非对象参数的处理。重点指出，`Object.assign`进行的是浅拷贝，当源对象属性值为对象引用时，拷贝的是引用而非副本。文章还展示了`Object.assign`在对象属性添加、对象克隆、对象合并以及属性默认值设定等实际应用中的用法。
摘要由CSDN通过智能技术生成

文章目录

语法

将所有可枚举属性的值从一个或多个源对象复制到目标对象，返回目标对象。

Object.assign(target, source1, [source2,...])

关键点

如果目标对象中与源对象中有相同的键，则源对象中的值将覆盖目标对象中的值；
只会拷贝源对象自身的并且可枚举的属性到目标对象。

看实例：
在这里插入图片描述

拷贝的是属性值
如果源对象的属性值是一个对象的引用，那么拷贝出来的结果也只是指向那个引用。

看实例：

最低0.47元/天 解锁文章
xiao xu
关注
专栏目录
javascript之Object.assign实现浅拷贝的原理以及实现
saucxs
04-19 1422
一、前言 之前在前面一篇学习了赋值，浅拷贝和深拷贝。介绍了这三者的相关知识和区别。 传送门：https://www.mwcxs.top/page/592.html 本文会介绍浅拷贝Object.assign()的实现原理，然后咱们试着实现一个浅拷贝。 二、浅拷贝Object.assign() 什么是浅拷贝？浅拷贝就是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。 浅拷...
一次搞懂浅拷贝与深拷贝
DZQ1223的博客
05-30 4399
栈(stack):由操作系统自动分配释放 ，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈；堆(heap)：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收，分配方式倒是类似于链表浅拷贝就是只拷贝基础数据类型的数据，并且数据只有单一的一层，而深拷贝用于拷贝具有复杂的数据类型的数据。
ES6中新增的Object.assign()方法详解
12-10
前言 将A对象的属性复制给B对象，这是JavaScript编程中很常见的操作。下面这篇文章将介绍ES6的Object.assign()属性，可以用于对象复制。 在JavaScript生态系统中，对象复制有另外一个术语: extend。下面是两个JS库提供的extend接口： Prototype: Object.extend(destination, source) Underscore.js: _.extend(destination, *sources) Object.assign()介绍 ES6提供了Object.assign() ，用于合并/复制对象的属性。 Object.ass
Object.assign()浅拷贝和深拷贝
最新发布
summer_tulip的博客
07-01 509
我们将a3中的name属性值修改为李四，在控制台的输出中可见a1中的name值并没有受到影响，故此可以证明a3和a1的引用地址是不一样的。注意：Object.assign() 方法至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。在控制台的打印结果中 a3中的数据也受到了影响，足以说明此处的address是浅拷贝，引用地址是一样的。在控制台的输出中可见a3中的name值也变成了李四，故此可以证明a3和a2的引用地址是一样的。将a1的值合并到a2中，再将合并后的a2的引用赋值给a3。
ES6的Object.assign
xingchen678的博客
10-28 139
对象的新方法 Object.assign(target, source_1, ···) 用于将源对象的所有可枚举属性复制到目标对象中。 注意点 assign 的属性拷贝是浅拷贝 基本用法 let target = {a: 1}; let object2 = {b: 2}; let object3 = {c: 3}; Object.assign(target,object2,object3); // 第一个参数是目标对象，后面的参数是源对象 target; // {a: 1, b:
Javascript中的assign()方法到底是浅拷贝还是深拷贝？
dunhuang的博客
07-06 1523
针对于第一级拷贝是深拷贝，对于第二级拷贝是浅拷贝。 看代码： let A = { a: { aa: 10 }, b: 11, }; let B = { ...A, c: 111, }; console.log(B); // { a: { aa: 10 }, b: 11, c: 111 } B.a.aa = '修改1'; B.b = '修改2'; console.log(B); //{ a: { aa: '修改1' }, b: '修改2', c: 111 } conso
Object.assign() 浅拷贝的用法
weixin_46312463的博客
10-09 265
Object.assign() 浅拷贝的用法
Object.assign()方法是浅拷贝吗
qq_50730710的博客
06-18 785
浅拷贝
js代码-Object.assign
07-16
`Object.assign()`执行的是浅拷贝，意味着如果源对象的属性是一个引用类型（如数组或对象），那么目标对象也会得到相同的引用，而不是副本。因此，修改源对象的引用类型属性会影响到目标对象。 ```javascript let ...
JavaScript对象拷贝与Object.assign用法实例分析
10-18
在探讨JavaScript对象拷贝及Object.assign用法的过程中，我们将了解到深拷贝与浅拷贝的概念及其在JavaScript中的实际应用。同时，通过实例分析，我们会深入理解Object.assign的功能与使用技巧。 首先，了解深拷贝与...
Object.assign 浅拷贝还是深拷贝
热门推荐
IH1107的博客
01-30 1万+
Object.assign 可以把 n 个源对象拷贝到目标对象中去，如下 let m ={name: {asd: '123'}} let n = Object.assign({}, m) console.log(n) 运行结果：{name: {asd: '123'}}那到底是深拷贝还是浅拷贝呢，答案是第一级属性深拷贝，以后级别属性浅拷贝 。大家看下面两段代码 例1 let s ={na
Object.assign 属于浅拷贝还是深拷贝
csdn_haow的博客
06-18 2697
Object.assign 可以把源对象拷贝到目标对象中去，如下 let man = { key: { age: '123' } } let women = Object.assign({}, m) console.log(women) 运行结果： { key: { age: '123' } } 那Object.assign深拷贝还是浅拷贝呢?答案是第一级属性深拷贝，第一级以下的级别属性浅...
【ES6】Object.assign方法与深浅拷贝
青山野火
02-26 2952
文章目录一、Object.assign二、用法详解1.Object.assign浅拷贝2. 实现深拷贝3. 自定义函数实现深拷贝总结 一、Object.assign Object.assign 方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。 Object.assign 方法的第一个参数是目标对象，后面的参数都是源对象。 注意，如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。 Object.assign 拷贝的属性是..
Object.assign是浅拷贝还是深拷贝？
weixin_53841730的博客
10-12 3998
Object.assign()拷贝的是属性值，如果源对象的属性值是一个指向对象的指针，那也只拷贝那个指针。所以如果对象的属性值为基础类型，对于通过Object.assign()拷贝的那个属性而言是深拷贝；如果对象的属性值为引用，对于通过通过Object.assign()拷贝的那个属性而言其实是浅拷贝的。神奇的事情发生了，target.a.b的值随着source变化而变化，但是target.c的值并没有随着source变化。target的值并没有随着source的变化而变化，到这里有人会说，这一看就是。
Object.assign 到底是深拷贝还是浅拷贝 ? 当然是浅拷贝
weixin_45836027的博客
08-24 1139
浅拷贝 ！且等且分析
js Object.assign()是浅拷贝还是深拷贝？
qq_45438471的博客
03-26 532
本文讨论了在JavaScript中Object.assign()是浅拷贝还是深拷贝的问题
Object.assign浅拷贝
12-06
下面是一个使用Object.assign()进行浅拷贝的例子： ```javascript const source = { name: 'John', age: 30 }; const target = { gender: 'male' }; const result = Object.assign(target, source); console.log...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值