JS中向对象中添加对象的3种方法
更新时间：2023年07月20日 11:38:40 作者：David__Cui
这篇文章主要给大家介绍了关于JS中向对象中添加对象的3种方法,在JavaScript中对象可以通过两种方法添加对象,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
前端开发：JS中向对象中添加对象的方法
在JS中向对象中添加对象的操作方法大概有三种：直接添加、使用扩展运算符…、
Object.assign()方法。
1、直接添加
直接在对象A中添加需要的键值对内容，具体示例如下所示：
let objectA = {
name: 'Tom'
};
let key = 'age';
let value = 31;
objectA[key] = value; //结果为：objectA.age = 18
console.log( 'objectA===>',objectA); //输出结果为：objectA===> {name: 'Tom', age: 31}2、使用扩展运算符…
使用扩展运算符…实现对象中添加对象是比较常用的方式，具体示例如下所示：
let objectA = {
name: 'Tom'
};
let objectB = {
age: 31
};
let object = { ...objectA, ...objectB};
console.log( 'object===>',object); //输出结果为：object===> {name: 'Tom', age: 31}3、Object.assign()方法
Object.assign()方法有好几个用法，主要是用于将所有可枚举属性的值从一个或多个源对象复制到目标对象中。这里主要是介绍关于对象的合并相关的功能，具体示例如下所示：
let objectA = {
name: 'Tom'
};
let objectB = {
age: 31
};
Object.assign( objectA, objectB);
console.log( 'objectA===>',objectA); //输出结果为：objectA===> {name: 'Tom', age: 31}总结
到此这篇关于JS中向对象中添加对象的3种方法的文章就介绍到这了,更多相关JS对象添加对象内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
相关文章
作为前端开发,JS是重中之重,下面这篇文章主要给大家介绍了关于JavaScript常见手写题的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
如何实现浏览器上的右键菜单...2006-07-07
这篇文章主要介绍了JavaScript中setter和getter方法介绍的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
这篇文章主要为大家介绍了three.js实现3d全景看房示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
uniapp发送formdata表单请求2种方法(全网最简单方法)
这篇文章主要给大家介绍了关于uniapp发送formdata表单请求2种方法的相关资料,本文介绍的方法应该是全网最简单方法,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了如何在CocosCreator里画个炫酷的雷达图，对Graphics感兴趣的同学，一定要看看，并且把代码实践一下2021-04-04
JavaScript具有很好的模块和方法来发送可用于从服务器端资源发送或接收数据的HTTP请求。这篇文章主要介绍了JavaScript中发出HTTP请求最常用的方法,需要的朋友可以参考下2018-07-07
这篇文章主要介绍了javascript事件冒泡实原理,实例分析了事件冒泡的定义及实现技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了JavaScript实现替换字符串中最后一个字符的方法,涉及javascript字符串的转换与运算相关操作技巧,需要的朋友可以参考下2017-03-03
遍历是指按照某种顺序逐一访问数据结构（如数组、对象等）中的每个元素的过程,这篇文章主要介绍了JS中24种遍历方法从基础到进阶的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-11-11
最新评论