JS对象动态的添加一项

第一种方法

let obj ={"name":"tom","age":16}
let key = "id";
let value = 2
obj[key] = value;
console.log(obj)   //name: "tom" age: 16  id: 2

第二种方法，利用扩展运算符
对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中

var obj1={"vue":300,"jquery":200};
var obj2={"react":500};
var obj3={
    ...obj1,
    ...obj2
}
console.log(obj3)   //vue: 300 jquery: 200 react: 500

第三种办法 Object.assign（等同于第二种方法）
Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。

Object.assign方法的第一个参数是目标对象，后面的参数都是源对象。(如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性)。

同样，如果用户自定义的属性，放在扩展运算符后面，则扩展运算符内部的同名属性会被覆盖掉。

let obj4 = {a:"1"};
let obj5 = {b:"2"};
let obj6 = {c:"3"};
Object.assign(obj4, obj5, obj6);
console.log(obj4)  //a: "1" b: "2" c: "3"

参考链接