前端开发: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、使用扩展运算符…
使用扩展运算符…实现对象中添加对象是比较常用的方式,具体示例如下所示:文章来源:https://www.toymoban.com/news/detail-510653.html
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()方法有好几个用法,主要是用于将所有可枚举属性的值从一个或多个源对象复制到目标对象中。这里主要是介绍关于对象的合并相关的功能,具体示例如下所示:文章来源地址https://www.toymoban.com/news/detail-510653.html
let objectA = {
name: 'Tom'
};
let objectB = {
age: 31
};
Object.assign( objectA, objectB);
console.log( 'objectA===>',objectA); //输出结果为:objectA===> {name: 'Tom', age: 31}
到了这里,关于前端开发:JS中向对象中添加对象的方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!