JS中向对象中添加对象的3种方法
前端开发: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对象添加对象内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
use jscript with List Proxy Server Information
use jscript with List Proxy Server Information...2007-06-06解决layui前端框架 form表单,table表等内置控件不显示的问题
今天小编就为大家分享一篇解决layui前端框架 form表单,table表等内置控件不显示的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
最新评论