脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS向对象添加对象

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对象添加对象内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

最新评论