码迷,mamicode.com
首页 > Web开发 > 详细

js动态添加对象

时间:2019-03-29 16:13:22      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:添加   height   sign   合并   目标   div   pre   ons   扩展运算   

    // 第一种方法
    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动态添加对象

标签:添加   height   sign   合并   目标   div   pre   ons   扩展运算   

原文地址:https://www.cnblogs.com/zqf888/p/10621800.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!