Object.assign是浅拷贝

最新推荐文章于 2024-01-30 11:26:05 发布
原创 最新推荐文章于 2024-01-30 11:26:05 发布 · 597 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细探讨了`Object.assign`方法的工作原理，包括它的语法、关键点、特殊情况处理，如数组的处理、只有一个参数的情况以及非对象参数的处理。重点指出，`Object.assign`进行的是浅拷贝，当源对象属性值为对象引用时，拷贝的是引用而非副本。文章还展示了`Object.assign`在对象属性添加、对象克隆、对象合并以及属性默认值设定等实际应用中的用法。

文章目录

语法

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

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

关键点

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

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

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

看实例：

最低0.47元/天 解锁文章
JS `Object.assign()`：对象浅拷贝与合并
weixin_41455464的博客
07-21 1095
这个递归拷贝的函数，可以处理函数，但是仍然不能处理循环引用的情况，为了处理循环引用，需要使用WeakMap来记录已经拷贝过的对象。如果源对象和目标对象有同名属性，那么源对象的属性值会覆盖目标对象的属性值。后面的源对象的属性会覆盖前面源对象的同名属性。递归遍历对象的每一个属性，如果属性值是对象或数组，那么递归调用拷贝函数。它只会复制源对象的第一层属性，如果属性值是对象或者数组，那么复制的仍然是引用。赋值的时候，赋的不是对象本身，而是指向这个对象在内存里的地址的“指针”。是浅拷贝，但它仍然非常有用。
ES6的Object.assign
xingchen678的博客
10-28 200
对象的新方法 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篇之object.assign和扩展运算法是深拷贝还是浅拷贝，两者区别、如何判断一个对象是空对象
星辰迷上大海的博客
01-30 2232
浅拷贝是指创建一个新的对象或数组，新对象的属性值或新数组的元素值是对原始对象或数组中的值的引用。这意味着如果原始对象或数组的属性值或元素值是对象或数组，那么新对象或数组中的这些值仍然会指向相同的内存地址。
js拷贝数组对象：浅拷贝&深拷贝
编程小菜鸟的笔记
03-03 1926
js拷贝数组对象：浅拷贝&深拷贝，包括：Object.assign、concat、slice、JSON.parse(JSON.stringify()) 场景：弹窗选择组织结构（树形结构），选择后显示相关数据至输入框中（每次选择都将重新拷贝初始组织结构数据）
Javascript中的assign()方法到底是浅拷贝还是深拷贝？
dunhuang的博客
07-06 1754
针对于第一级拷贝是深拷贝，对于第二级拷贝是浅拷贝。 看代码： 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_42541184的博客
09-17 264
描述： Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 判断是深拷贝还是浅拷贝，首先我们要知道什么是深拷贝，什么是浅拷贝 1.浅拷贝： 将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用 2.深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值...
javascript之Object.assign实现浅拷贝的原理以及实现
saucxs
04-19 1550
一、前言 之前在前面一篇学习了赋值，浅拷贝和深拷贝。介绍了这三者的相关知识和区别。 传送门：https://www.mwcxs.top/page/592.html 本文会介绍浅拷贝Object.assign()的实现原理，然后咱们试着实现一个浅拷贝。 二、浅拷贝Object.assign() 什么是浅拷贝？浅拷贝就是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。 浅拷...
Object.assign 是浅拷贝。如果 options 包含嵌套对象，修改 config 会影响原数据这是什么意思 还会影响source的数据？
最新发布
10-15
`Object.assign` 的**浅拷贝（Shallow Copy）**特性意味着：当 `options` 包含嵌套对象（如对象、数组等引用类型）时，修改 `config` 中的这些嵌套属性会**同步影响原始 `source` 数据**。以下是详细解释： --- ##...
Object.assign() 浅拷贝的用法
weixin_46312463的博客
10-09 320
Object.assign() 浅拷贝的用法
Object.assign()方法是浅拷贝吗
qq_50730710的博客
06-18 949
浅拷贝
Object.assign 属于浅拷贝还是深拷贝
csdn_haow的博客
06-18 2752
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 3432
文章目录一、Object.assign二、用法详解1.Object.assign浅拷贝2. 实现深拷贝3. 自定义函数实现深拷贝总结 一、Object.assign Object.assign 方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。 Object.assign 方法的第一个参数是目标对象，后面的参数都是源对象。 注意，如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。 Object.assign 拷贝的属性是..
Object.assign是浅拷贝还是深拷贝？
weixin_53841730的博客
10-12 4133
Object.assign()拷贝的是属性值，如果源对象的属性值是一个指向对象的指针，那也只拷贝那个指针。所以如果对象的属性值为基础类型，对于通过Object.assign()拷贝的那个属性而言是深拷贝；如果对象的属性值为引用，对于通过通过Object.assign()拷贝的那个属性而言其实是浅拷贝的。神奇的事情发生了，target.a.b的值随着source变化而变化，但是target.c的值并没有随着source变化。target的值并没有随着source的变化而变化，到这里有人会说，这一看就是。
Object.assign 到底是深拷贝还是浅拷贝 ? 当然是浅拷贝
weixin_45836027的博客
08-24 1429
浅拷贝 ！且等且分析
js Object.assign()是浅拷贝还是深拷贝？
qq_45438471的博客
03-26 696
本文讨论了在JavaScript中Object.assign()是浅拷贝还是深拷贝的问题
ES6之object.assign()是深拷贝还是浅拷贝
weixin_44867717的博客
11-03 5418
ES6之object.assign()是深拷贝还是浅拷贝 1、概念 浅拷贝——只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。 深拷贝——会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。 2、Object.assign() 1、基本用法： Object.assign(目标,数据1,数据2…); 实例 //示例1 let obj = {a:1} let newObj = Object.assign({},obj); console.log(new
object.assign，(...扩展运算符)，是浅拷贝还是深拷贝，内存地址相关的问题，如何深拷贝函数，递归实现深拷贝， 扩展运算符，object.assign()的使用
m0_47999208的博客
07-16 206
深浅拷贝
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值