欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js动态添加对象

程序员文章站 2022-03-17 13:52:45
...
    // 第一种方法
    var obj = { "name": "张三", "age": 18 }
    var key = "height";
    var value = 175;
    obj[key] = value;
    console.log(obj); // {name: "张三", age: 18, height: 175}

    // 第二种方法
    var obj1 = { "name": "张三", "age": 18 }
    var value = 175;
    obj1.height = value;
    console.log(obj1); // {name: "张三", age: 18, height: 175}

    // 第三种方法,扩展运算符
    var obj1 = { "apple": 100, "pear": 200 };
    var obj2 = { "cherry": 300 };
    var obj3 = { ...obj1, ...obj2 };
    console.log(obj3); // {apple: 100, pear: 200, cherry: 300}

    // 第四种办法,合并多个对象 Object.assign
    var obj1 = { a: "1" };
    var obj2 = { b: "2" };
    var obj3 = { c: "3" };
    var obj = Object.assign(obj1, obj2, obj3);
    console.log(obj); // {a: "1", b: "2", c: "3"}
    console.log(obj1); // {a: "1", b: "2", c: "3"}  //注意目标对象自身也会改变
    console.log(obj2); //{b: "2"}
    console.log(obj3); //{c: "3"} 
相关标签: js对象