Object.assign() 浅拷贝的用法

已于 2022-10-09 10:15:25 修改
阅读量304 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： vue 文章标签： 前端 vue.js javascript
于 2022-10-09 10:15:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46312463/article/details/127220949
本文介绍了如何使用Object.assign()方法实现对象的合并，包括多个源对象到目标对象的属性复制过程。文章还提到了合并中的一些注意事项，例如继承属性与不可枚举属性不会被拷贝，原始类型会被包装为对象，以及在遇到异常时拷贝任务会终止。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、对象的合并；

 // 该方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象，并返回目标对象

   // Object.assign(target, ...sources)  sources源对象(可多个) target目标对象

 

2、合并具有相同属性的对象；

3、继承属性和不可枚举属性是不能拷贝；

 

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

5、异常会终止拷贝任务。

JS `Object.assign()`：对象浅拷贝与合并
weixin_41455464的博客
07-21 991
这个递归拷贝的函数，可以处理函数，但是仍然不能处理循环引用的情况，为了处理循环引用，需要使用WeakMap来记录已经拷贝过的对象。如果源对象和目标对象有同名属性，那么源对象的属性值会覆盖目标对象的属性值。后面的源对象的属性会覆盖前面源对象的同名属性。递归遍历对象的每一个属性，如果属性值是对象或数组，那么递归调用拷贝函数。它只会复制源对象的第一层属性，如果属性值是对象或者数组，那么复制的仍然是引用。赋值的时候，赋的不是对象本身，而是指向这个对象在内存里的地址的“指针”。是浅拷贝，但它仍然非常有用。
Object.assign()用法学习
最新发布
m0_72030584的博客
03-06 869
本文讲解Object.assign()用法学习
javascript之Object.assign实现浅拷贝的原理以及实现
saucxs
04-19 1523
一、前言 之前在前面一篇学习了赋值，浅拷贝和深拷贝。介绍了这三者的相关知识和区别。 传送门：https://www.mwcxs.top/page/592.html 本文会介绍浅拷贝Object.assign()的实现原理，然后咱们试着实现一个浅拷贝。 二、浅拷贝Object.assign() 什么是浅拷贝？浅拷贝就是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。 浅拷...
Object.assign() 浅复制方法
chi1130的博客
07-26 3243
// ES6 对象提供了 Object.assign()这个方法来实现浅复制。 // Object.assign() 可以把任意多个源对象自身可枚举的 // 属性拷贝给目标对象，然后返回目标对象。第一参数即为目标对象 // 。在实际项目中，我们为了不改变源对象。一般会把目标对象传为{} const objA = { name: 'xx', age: 14} const objB = { adr...
关于Object.assign的引用，浅拷贝
AdleyTales的技术博客
10-19 291
Object.assign是浅拷贝。具体是：第一级属性深拷贝，第一级以下的级别属性浅拷贝 。 深拷贝父对象（一级目录），子对象（二级目录）不拷贝，还是引用。 这一特性同python中对字典dict的copy一样，都只是在第一级目录深拷贝，内层还是引用。但是一般我们开发就可以解决实际需求了。 ...
js Object.assign()是浅拷贝还是深拷贝？
qq_45438471的博客
03-26 678
本文讨论了在JavaScript中Object.assign()是浅拷贝还是深拷贝的问题
Object.assign()方法是浅拷贝吗
qq_50730710的博客
06-18 927
浅拷贝
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...
ES6中新增的Object.assign()方法详解
08-29
`Object.assign()`可以用来复制对象，但需要注意的是，它执行的是浅拷贝，即只复制对象自身的属性，不包括原型链上的属性。如果要复制原型链，需要特殊处理： ```javascript var copy = Object.assign({ __proto_...
Object.assign是浅拷贝还是深拷贝？
weixin_53841730的博客
10-12 4102
Object.assign()拷贝的是属性值，如果源对象的属性值是一个指向对象的指针，那也只拷贝那个指针。所以如果对象的属性值为基础类型，对于通过Object.assign()拷贝的那个属性而言是深拷贝；如果对象的属性值为引用，对于通过通过Object.assign()拷贝的那个属性而言其实是浅拷贝的。神奇的事情发生了，target.a.b的值随着source变化而变化，但是target.c的值并没有随着source变化。target的值并没有随着source的变化而变化，到这里有人会说，这一看就是。
Object.assign 到底是深拷贝还是浅拷贝 ? 当然是浅拷贝
weixin_45836027的博客
08-24 1393
浅拷贝 ！且等且分析
ES6的Object.assign
xingchen678的博客
10-28 186
对象的新方法 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:
Object.assign()浅拷贝和深拷贝
summer_tulip的博客
07-01 788
我们将a3中的name属性值修改为李四，在控制台的输出中可见a1中的name值并没有受到影响，故此可以证明a3和a1的引用地址是不一样的。注意：Object.assign() 方法至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。在控制台的打印结果中 a3中的数据也受到了影响，足以说明此处的address是浅拷贝，引用地址是一样的。在控制台的输出中可见a3中的name值也变成了李四，故此可以证明a3和a2的引用地址是一样的。将a1的值合并到a2中，再将合并后的a2的引用赋值给a3。
Object.assign是浅拷贝
xiaoxu的博客
11-06 585
一直以为Object.assign是深拷贝
Object.assign() 属于浅拷贝
最爱喝怡宝的博客
10-25 134
Object.assign() 方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象，然后返回目标对象。 { // 堆区的x对象 let x = { a:100, b:[1,2,3,4], c:{f:{k:1}} } // 堆区的y对象 let y = Object.assign({},x) console.log(x); //{ a: 100, b: [ 1, 2, 3, 4 ], c: {
js Object.assign 浅拷贝场景实现
MockingBHM的博客
05-27 218
之前在面试的时候，总会有面试官会问一些浅拷贝和深拷贝的问题，以及会提到Object.assign是浅拷贝还是深拷贝，答案当然很明确：浅拷贝，那么深浅拷贝对于这个方法应用场景有什么影响呢？ 今天在项目中碰到个使用Object.assign的场景，我很随意的把两个需要整合的对象写进了两个参数中 alreadyAuditListQuery: { pageNumber: 1, pageSize: 20, approveStatus: true }, let query = O
006-Object.assign
dilv4062的博客
01-18 296
一、Object.assign简要使用 　　是ES6新添加的接口，主要的用途是用来合并多个JavaScript的对象。 　　Object.assign()接口可以接收多个参数，第一个参数是目标对象，后面的都是源对象，assign方法将多个原对象的属性和方法都合并到了目标对象上面，如果在这个过程中出现同名的属性（方法），后合并的属性（方法）会覆盖之前的同名属性（方法）。 var ...
Es6 Object.assign()用法 以及浅拷贝、深拷贝的实现方式
程序猿小白的博客
04-15 4031
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
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值