JavaScript对象属性可动态增删,点号语法适用于合法标识符,方括号支持动态键名;delete删除自身可配置属性,in检查原型链存在性,hasOwnProperty或Object.hasOwn判断自身属性。

JavaScript对象的属性可以随时动态添加或删除,这是其灵活性的重要体现。关键在于理解不同操作方式的适用场景、潜在限制以及底层机制。
使用点号和方括号添加属性
添加属性最常用的方式是赋值操作,但语法选择会影响行为:
-
点号语法(obj.prop = value):仅适用于属性名是合法标识符(如
name、userAge),且在编写时已知;不支持变量或含特殊字符的键名。 -
方括号语法(obj["prop"] = value):支持动态键名,可传入字符串、变量甚至表达式,例如
obj[myKey]或obj["first-name"];是实现“运行时确定属性名”的唯一可靠方式。
用 delete 操作符安全删除属性
delete obj.prop 或 delete obj["prop"] 可移除对象自身的可配置属性:
- 删除成功返回
true,无论属性是否存在(但对不可配置属性或原型链上的属性,可能静默失败或抛错,取决于严格模式)。 - 删除后,
in运算符不再识别该属性,obj.prop返回undefined,但不会影响原型上同名属性的访问。 - 注意:
delete不释放内存,也不触发垃圾回收;它只是断开属性与对象的关联。
检查属性存在性与是否为自身属性
判断一个属性能否被安全操作,需区分“是否存在”和“是否属于对象自身”:
立即学习“Java免费学习笔记(深入)”;
-
"prop" in obj:检查对象及其原型链中是否存在该属性。 -
obj.hasOwnProperty("prop"):仅检查对象自身是否拥有该属性(不查原型),是判断能否被delete的前提。 -
Object.hasOwn(obj, "prop")(ES2022+):更现代、更安全的替代方案,避免了hasOwnProperty被覆盖的风险。
批量操作与不可变场景的处理技巧
实际开发中常需批量增删或避免意外修改:
- 批量添加可用
Object.assign(obj, { a: 1, b: 2 })或展开运算符{ ...obj, c: 3 }(后者生成新对象)。 - 批量删除推荐使用
Object.keys(obj).forEach(key => delete obj[key]),但注意遍历时修改可能引发意外;更稳妥的是先收集待删键名再统一删除。 - 若对象已被
Object.freeze()或Object.seal(),则无法添加/删除属性(严格模式下会报错),此时应改用解构+新建对象的方式模拟变更。
不复杂但容易忽略细节。掌握这些方法,就能在运行时精准控制对象结构。










