前端开发:JS中向对象中添加对象的方法

在JS中向对象中添加对象的操作方法大概有三种:直接添加、使用扩展运算符…、

Object.assign()方法。

1、直接添加
直接在对象A中添加需要的键值对内容,具体示例如下所示:

let objectA = {name: 'Tom'};let key = 'age';let value = 31;objectA[key] = value; //结果为:objectA.age = 18console.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}