惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Google DeepMind News
Google DeepMind News
D
DataBreaches.Net
C
Check Point Blog
I
InfoQ
A
About on SuperTechFans
Engineering at Meta
Engineering at Meta
月光博客
月光博客
Recent Announcements
Recent Announcements
酷 壳 – CoolShell
酷 壳 – CoolShell
T
Tailwind CSS Blog
Y
Y Combinator Blog
博客园 - Franky
博客园_首页
罗磊的独立博客
量子位
美团技术团队
T
The Blog of Author Tim Ferriss
Last Week in AI
Last Week in AI
大猫的无限游戏
大猫的无限游戏
爱范儿
爱范儿
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Martin Fowler
Martin Fowler
博客园 - 叶小钗
aimingoo的专栏
aimingoo的专栏

博客园 - 四季皆春

html设置某个元素固定在页面, 不随滚动条移动 通过Redis防止数据重复 Mysql语句where中设置多个查询条件 Jquery插件 dataTable设置点击表格指定的列实现升序降序排序功能 CSS设置指定某个区域div出现滚动条、滚动框 Nginx配置成系统服务及环境变量配置 jquery监听表单输入变化-调用函数 javaScript正则匹配全部字符 Linux下PHP安装Redis扩展 mysql语句使用正则过滤字段 Bootstrap模态框使用WebUploader点击失效问题 - Bootstrao模态框弹出后内置js函数未起作用-F12后又起作用 百度开发-文件上传插件- Web Uploader js根据某个日期(年-月-日)添加指定的天数 ci框架nginx隐藏 index.php Docker配置阿里云镜像加速服务 Redis配置登录密码并使用认证密码登录 Redis常用命令 Redis查看当前连接数 & 客户端连接信息 Redis查看参数值 linux查看文件最后的修改时间 centos8报错错误:为 repo 'appstream' 下载元数据失败 : Cannot prepare internal mirrorlist: No URLs in mirrorlist
JavaScript中为JSON对象动态添加属性的四种方法
四季皆春 · 2025-12-23 · via 博客园 - 四季皆春

1-点表示法(直接属性赋值)

const obj1 = { name: "百度" };
obj1.age = 20; // 直接添加新属性
console.log("点表示法:", obj1); // 输出: { name: '百度', age: 20 }

2-方括号表示法(动态属性名)

const obj2 = { name: "文心快码" };
const propName = "version";
obj2[propName] = "1.0"; // 动态添加属性
console.log("方括号表示法:", obj2); // 输出: { name: '文心快码', version: '1.0' }

3-Object.assign()(批量合并属性)

const obj3 = { name: "Comate" };
Object.assign(obj3, {
language: "JavaScript",
company: "百度"
});
console.log("Object.assign():", obj3); // 输出: { name: 'Comate', language: 'JS', company: '百度' }

4-ES6展开运算符(创建新对象)

const baseObj = { id: 1001 };
const newObj = {
...baseObj,
category: "AI助手"
};
console.log("展开运算符:", newObj); // 输出: { id: 1001, category: 'AI助手' }

666