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

推荐订阅源

博客园 - 叶小钗
Microsoft Azure Blog
Microsoft Azure Blog
Stack Overflow Blog
Stack Overflow Blog
Jina AI
Jina AI
Vercel News
Vercel News
H
Help Net Security
Martin Fowler
Martin Fowler
美团技术团队
云风的 BLOG
云风的 BLOG
Y
Y Combinator Blog
阮一峰的网络日志
阮一峰的网络日志
MyScale Blog
MyScale Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 三生石上(FineUI控件)
博客园 - 司徒正美
人人都是产品经理
人人都是产品经理
Engineering at Meta
Engineering at Meta
G
Google Developers Blog
Blog — PlanetScale
Blog — PlanetScale
MongoDB | Blog
MongoDB | Blog
宝玉的分享
宝玉的分享
小众软件
小众软件
T
Tailwind CSS Blog
WordPress大学
WordPress大学

博客园 - 四季皆春

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