JavaScript中为JSON对象动态添加属性的四种方法

 

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助手' }