js动态添加对象

复制代码
// 第一种方法
    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"}
复制代码

转自:https://www.cnblogs.com/zqf888/p/10621800.html

posted @   海角之上  阅读(1542)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示