动态添加对象属性有两种方式：1. 使用点表示法，适用于属性名符合变量命名规则的情况，可直接通过对象.属性名添加或访问属性；2. 使用方括号表示法，适用于属性名包含特殊字符或属性名动态生成的情况，通过对象["属性名"]或对象[变量]形式操作。判断属性是否存在有三种方法：1. 使用in操作符，会检查对象自身及原型链；2. 使用hasownproperty()方法，仅检查对象自身属性；3. 直接判断属性是否为undefined，但无法区分属性不存在与值为undefined的情况。删除属性可使用delete操作符，仅能删除对象自身的属性，无法删除原型链上的属性。对于更精细的控制，可使用object.defineproperty()方法定义属性的value、writable、enumerable和configurable特性，从而实现只读、不可删除或不可枚举等效果，适用于需要高安全性或框架级开发的场景。
动态添加对象属性，简单来说，就是在你创建对象之后，还能随时给它“加料”，让它拥有新的属性和值。这在JavaScript里非常常见，也超级实用。
解决方案
动态添加对象属性主要有两种方式：点表示法和方括号表示法。
-
点表示法 (Dot Notation)：
这是最常见也最直观的方式。如果你知道属性名，并且属性名符合JavaScript的变量命名规则（字母、数字、下划线、$开头，不能以数字开头），就可以直接用点来访问和设置属性。
let myObject = {}; // 创建一个空对象 myObject.name = "Alice"; // 添加 name 属性，值为 "Alice" myObject.age = 30; // 添加 age 属性，值为 30 console.log(myObject.name); // 输出 "Alice" console.log(myObject.age); // 输出 30看起来是不是很简单？就像给一个已经存在的盒子贴标签一样。
-
方括号表示法 (Bracket Notation)：
方括号表示法更加灵活，它允许你使用字符串（包括变量）来作为属性名。这在以下情况下特别有用：
- 属性名包含特殊字符，比如空格或者数字开头，这些是不符合点表示法规则的。
- 属性名是动态的，你需要根据不同的条件来设置不同的属性。
let myObject = {}; let propertyName = "user-id"; // 属性名包含特殊字符 myObject["user-id"] = 12345; // 添加 "user-id" 属性 let key = "city"; myObject[key] = "New York"; // 使用变量作为属性名 console.log(myObject["user-id"]); // 输出 12345 console.log(myObject[key]); // 输出 "New York" console.log(myObject.city); // 输出 "New York" - 注意这里也能用点表示法，因为 'city' 是有效的变量名想象一下，你有一个属性名列表，你想根据列表里的名字逐个给对象添加属性，这时候方括号表示法就派上大用场了。
如何判断对象是否已经存在某个属性？
有时候，你可能需要在添加属性之前，先检查一下对象是否已经存在同名的属性，避免覆盖掉原来的值。 JavaScript提供了几种方法来判断属性是否存在：
-
in
操作符：in
操作符会检查对象自身以及其原型链上是否存在某个属性。let myObject = { name: "Bob" }; console.log("name" in myObject); // 输出 true console.log("age" in myObject); // 输出 false // 假设 myObject 的原型链上有 toString 方法 console.log("toString" in myObject); // 输出 true需要注意的是，
in
操作符会沿着原型链向上查找，所以即使属性不在对象自身，也可能返回true
。 -
hasOwnProperty()
方法：hasOwnProperty()
方法只会检查对象自身是否拥有某个属性，不会查找原型链。let myObject = { name: "Bob" }; console.log(myObject.hasOwnProperty("name")); // 输出 true console.log(myObject.hasOwnProperty("age")); // 输出 false console.log(myObject.hasOwnProperty("toString")); // 输出 falsehasOwnProperty()
方法通常更安全，因为它只关注对象自身的属性。 -
直接访问属性并判断是否为
undefined
：如果直接访问一个不存在的属性，会返回
undefined
。你可以利用这一点来判断属性是否存在。let myObject = { name: "Bob" }; console.log(myObject.age === undefined); // 输出 true console.log(myObject.name === undefined);// 输出 false这种方法比较简洁，但需要注意，如果属性存在，但值为
undefined
，也会被误判为不存在。
如何删除对象属性？
有时候，你可能需要从对象中删除某个属性。可以使用
delete操作符来完成这个任务。
let myObject = { name: "Bob", age: 30 };
delete myObject.age; // 删除 age 属性
console.log(myObject); // 输出 { name: "Bob" }
console.log(myObject.age); // 输出 undefineddelete操作符会直接从对象中移除属性。需要注意的是，
delete操作符只能删除对象自身的属性，不能删除原型链上的属性。
使用 Object.defineProperty()
进行更精细的属性控制
如果你需要对属性的行为进行更精细的控制，可以使用
Object.defineProperty()方法。这个方法允许你定义属性的特性，比如是否可枚举、是否可配置、是否可写等。
let myObject = {};
Object.defineProperty(myObject, "id", {
value: 123, // 属性的值
writable: false, // 是否可写，false 表示只读
enumerable: true, // 是否可枚举，true 表示可以被 for...in 循环遍历
configurable: false // 是否可配置，false 表示不能删除或修改属性的特性
});
console.log(myObject.id); // 输出 123
myObject.id = 456; // 尝试修改属性值，但由于 writable 为 false，修改无效
console.log(myObject.id); // 仍然输出 123
// 尝试删除属性，但由于 configurable 为 false，删除失败
delete myObject.id;
console.log(myObject.id); // 仍然输出 123Object.defineProperty()方法提供了更强大的属性控制能力，可以让你创建更安全、更健壮的对象。 虽然日常开发中可能不常用，但在设计一些底层库或框架时，它会非常有用。
