深入探究 JavaScript 中的对象赋值：Object.assign()

最新推荐文章于 2025-02-11 08:43:24 发布
最新推荐文章于 2025-02-11 08:43:24 发布
阅读量190 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/debug_bug142/article/details/132883500
JavaScript 专栏收录该内容
306 篇文章 ¥59.90 ¥99.00
订阅专栏
本文深入探讨JavaScript中的Object.assign()方法，详细解释其用法，包括属性复制、覆盖、合并以及对访问器属性的处理。通过实例展示如何使用Object.assign()进行对象赋值，并提醒注意重复属性和继承属性的问题。

深入探究 JavaScript 中的对象赋值：Object.assign()

JavaScript 是一种广泛使用的脚本语言，它提供了许多强大的功能和特性，其中之一是对象赋值。在 JavaScript 中，我们可以使用 Object.assign() 方法将一个或多个源对象的属性复制到目标对象中。本文将详细介绍 Object.assign() 方法的用法，并提供相应的源代码示例。

Object.assign() 方法是在 ECMAScript 2015 (ES6) 中引入的，它允许我们将一个或多个源对象的属性复制到目标对象中。该方法的语法如下：

Object.assign(target, ...sources)

其中，target 是目标对象，sources 是一个或多个源对象。该方法将源对象的所有可枚举属性复制到目标对象中，并返回更新后的目标对象。

让我们通过一个简单的示例来说明 Object.assign() 的用法。假设我们有一个目标对象 target 和一

了解本专栏 订阅专栏 解锁全文
JS `Object.assign()`：对象浅拷贝与合并
weixin_41455464的博客
07-21 1102
这个递归拷贝的函数，可以处理函数，但是仍然不能处理循环引用的情况，为了处理循环引用，需要使用WeakMap来记录已经拷贝过的对象。如果源对象和目标对象有同名属性，那么源对象的属性值会覆盖目标对象的属性值。后面的源对象的属性会覆盖前面源对象的同名属性。递归遍历对象的每一个属性，如果属性值是对象或数组，那么递归调用拷贝函数。它只会复制源对象的第一层属性，如果属性值是对象或者数组，那么复制的仍然是引用。赋值的时候，赋的不是对象本身，而是指向这个对象在内存里的地址的“指针”。是浅拷贝，但它仍然非常有用。
浅谈JavaScript中的对象赋值
先知三日
06-04 965
3. Object.assign() 方法（浅拷贝）：this.info = Object.assign({}, this.deviceInfo)，使用 Object.assign() 方法将一个或多个源对象的属性复制到目标对象，也是实现浅拷贝的一种方式。2. 对象扩展（浅拷贝）：this.info = {...this.deviceInfo}，使用对象扩展语法创建一个新对象，包含原对象的所有属性和值，但是它们引用不同的对象。这些是常见的对象赋值方式，每种方式都有不同的特点和适用场景。
js中给object对象赋值
怡暘
11-26 2650
let imageGSDMarks = {} // 对象 let datas = ['1', '2', '3', '4', '5', '6'] // 数组 datas.foreach((item) => { imageGSDMarks[item] = '' // 循环遍历将数组datas的数据，以对象的方式添加的对象中。 })
Object.assign() 对象赋值
qq_35840912的博客
12-06 620
vue对象赋值操作,只取目标对象与源对象中相同元素的值.
js object对象赋值bug和对象复制clone方法
z_qifa的博客
07-03 1229
最近在写程序的时候发现，如果新建一个object对象objb，初始化值为obja，如果改变了objb对象的字段值，那么obja也会随之改变，看来对象赋值传递的是一个引用。 代码重现： 1 2 var obja = { 3 'apple':{'key':'apple','name':'苹果'}, 4 'banana':{'key'
js中对象赋值问题Object.assign()
吕大瓜的博客
08-22 7351
js中的把对象直接赋给对个变量其实赋值其引用，多个变量间指向的都是同一个内存，所以改变其中一个都会影响到其他变量。 如何把对象赋值给多个变量且之间不产生关联？ 查看了网上的方法主要有两种： 使用 Object.assign() 进行复制。但是要注意 Object.assign() 只是让对象里第一层的数据没有了关联性，对象内的对象则跟被复制的对象有着关联性的。也就是说此方法并没有对整个对象进行深...
es6 javascript对象方法Object.assign()
热门推荐
现在学习也不晚
12-01 11万+
1  基本用法Object.assign方法用于对象的合并，将源对象（ source ）的所有可枚举属性，复制到目标对象（ target ）。var target = { a: 1 }; var source1 = { b: 2 }; var source2 = { c: 3 }; Object.assign(target, source1, source2); target // {a:1, b...
JavaScript对象拷贝与Object.assign用法实例分析
10-18
在探讨JavaScript对象拷贝及Object.assign用法的过程中，我们将了解到深拷贝与浅拷贝的概念及其在JavaScript中的实际应用。同时，通过实例分析，我们会深入理解Object.assign的功能与使用技巧。 首先，了解深拷贝与...
JavaScript深复制：Object.assign无法实现
在JavaScript中，对象的复制是一个重要的概念，尤其...理解JavaScript中对象复制的差异对于编写健壮的代码至关重要。在处理复杂数据结构时，确保正确地复制对象以避免意外的副作用，特别是在涉及到对象的引用和修改时。
对象方法Object.assign()的使用
wbb1126的博客
05-23 281
源对象可枚举自有属性目标对象。
js中 关于 Object.assign的讲解 （觉得会用就行了嘛?你不知道的东西在这里，一位重视 js 基础的前端小菜鸟）
业余前端的职业经历
09-27 4643
其实对于 Object中的很多对象 相信 很多初级前端 包括博主 基本上 不会用到吧 可能知道有这个东西得存在 就在昨晚 我看 兄弟写的代码中 if else else if else if 我就说了 下 你咋不用 switch 呢 然后他惊讶道 我工作就没用过 这个东西 不过到可以试试看 看吧 其实有些东西 就怕你用不习惯 但也怕你用习惯了 你会别人 都会的东西 那其实是没啥竞争力的 要会别人不会 懂别人不懂得知识这个才是牛皮 要想做到这点 当然 99% 的人都只是一个普普通通的人 所以我们
js对象赋值
onepiece1991的博客
04-13 2745
/变量先置空 let objClone = null , hashKey = hashMap . get(obj);//正则表达式的情况 if(obj instanceof Date) return new Date(obj);//日期对象的情况 if(hashKey) return hashKey;//判断是否需要继续进行递归 if(typeof obj == "object" && obj!
js中对象进行赋值操作的几种方式
Liuliu_x的博客
12-02 1万+
在上面的例子中，我们使用了JSON的parse和stringify方法对原对象进行深拷贝，并将新对象赋值给了newObj。浅拷贝是指将一个对象的属性值复制到另一个对象中，如果属性值是引用类型，那么只是复制了它的引用地址，而原对象和新对象的引用指向了同一个地址。深拷贝是指复制一个对象及其对象的所有子对象的值，并将它们都复制到一个新对象中，这样原对象和新对象没有任何关联，修改新对象中的属性不会影响原对象。展开运算符可以将一个对象中的所有属性展开，并将它们作为新对象的属性，从而实现对象的赋值。
Js对象的属性操作
hly15555307663的博客
02-22 729
1.对象的概念：任何可被描述的事物，都是对象。 在现实生活中，采取某些，如 属性名：属性值 的格式，可被描述 的事物，叫对象。 在程序中，这个描述事物的信息，叫对象，即new出来的都是对象。 对象的组成：键值对：、属性名、属性值（属性名和属性值要成对出现） 如： name: "xiaoming" 2.对象的创建(对于对象属性的操作，第一步就是先...
ES6中Object.assign()的使用
huanggang0101的博客
06-18 862
一、Object.assign()对象的拷贝 Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 Object.assign(target, …sources) 【target：目标对象】，【souce：源对象（可多个）】 注意： 1.如果目标对象中的属性具有相同的键，则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性 2.Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用
（04）JavaScript 中 Object的属性详解
最新发布
鱼遇海
02-11 814
以上是 JavaScript 中对象的核心方法和属性。返回对象的字符串表示。创建一个新对象，使用现有对象作为新对象的原型。类型的主要方法、属性和示例。冻结对象，禁止修改属性、添加或删除属性。检查属性是否为对象自身的（非继承的）。返回对象自身可枚举属性的键值对数组。检查对象是否在另一个对象的原型链上。合并源对象的可枚举属性到目标对象。返回对象自身可枚举属性的键名数组。：检查属性是否在对象或其原型链中。返回对象自身可枚举属性的值数组。访问或设置对象的原型（推荐使用。定义或修改对象的属性特性（如。
JS中对象赋值
weixin_46125684的博客
02-15 1681
const target = { a: 1, b: 2 }; const source = { b: 4, c: 5 }; const returnedTarget = Object.assign(target, source); console.log(target); // expected output: Object { a: 1, b: 4, c: 5 } console.log(returnedTarget); // expected output: Object { a: 1, b: .
js 有关object 、array 等引用类型的赋值问题
会飞的程序猿
12-13 1077
let obj = {name: '小黑'} obj.age = 25 // 修改引用地址下的数据 let nb = obj // 把引用地址给到了nb obj = null // 修改了obj对象的值，对应的引用地址未改变 console.log(nb) // 结果 {name: "小黑", age: 25} function ap(nb1) { // 等价于nb1 = nb,生成新的变量nb1 nb1.sex = '男' nb1 = null } ap(nb) console.log(nb
Object.assign详解
guxin_duyin的博客
03-30 9万+
一、Object.assign是什么？ 首先了解下Object.assign()是什么。我们先看看ES6官方文档是怎么介绍的？ Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 简单来说，就是Object.assign()是对象的静态方法，可以用来复制对象的可枚举属性到目标对象，利...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值