JavaScript中可通过方括号语法实现对象属性的动态访问与操作，1. 使用变量作为键名读取或设置属性值；2. 可随时添加新属性或修改现有属性；3. 用delete操作符删除属性；4. 通过hasOwnProperty或in检查属性存在性，提升代码灵活性和可维护性。
在JavaScript中，对象是一种非常灵活的数据结构，支持动态地添加、删除和访问属性。这种灵活性让开发者可以在运行时根据需要操作对象的属性，而不需要在定义时就完全确定其结构。
动态访问对象属性
JavaScript提供了两种方式来访问对象属性：点表示法和方括号表示法。其中，方括号表示法是实现动态属性访问的关键。
当你有一个变量存储属性名时，使用方括号可以动态读取或设置该属性：
let user = {
name: 'Alice',
age: 25
};
let key = 'name';
console.log(user[key]); // 输出: Alice
key = 'age';
user[key] = 26;
console.log(user.age); // 输出: 26
动态添加和修改属性
你可以随时为对象添加新的属性，无论是在创建对象之后还是基于某些条件逻辑：
立即学习“Java免费学习笔记（深入）”；
同程联盟景点门票动态程序 beta1.0
下载
经过一段时间的开发，以及内部测试，同程网联盟景区新版程序正式发布推出，感谢广大联盟会员一直以来的支持与关注！ 同程网联盟景区新版程序新功能介绍：1.统一的页面风格。页面风格将与随后推出的度假线路、酒店、机票以及融合版联盟程序风格保持一直；2.新增后台管理系统。可更加方便快捷的对网站进行个性化设置；3.动态与伪静态切换。后台操作，简单便捷；4.缓存管理。新增缓存，提高网站访问速度，后台可定期清理；5
let product = {};
product['price'] = 100;
product['category'] = 'electronics';
// 或者使用变量作为键
let attr = 'discount';
product[attr] = 10;
console.log(product); // { price: 100, category: 'electronics', discount: 10 }
删除属性
使用 delete 操作符可以移除对象中的某个属性：
delete user.age; console.log(user.age); // undefined // 也可以配合动态键名使用 let propToDelete = 'discount'; delete product[propToDelete];
检查属性是否存在
在动态操作属性前，通常需要判断属性是否已存在。推荐使用 hasOwnProperty 方法或 in 操作符：
if (user.hasOwnProperty('name')) {
console.log('用户有 name 属性');
}
if ('age' in user) {
console.log('age 属性存在于对象中（包括原型链）');
}
基本上就这些。掌握动态属性访问能让你更高效地处理配置、表单数据、API响应等场景，提升代码的通用性和可维护性。关键是理解方括号语法的作用以及如何结合变量进行操作。
