JavaScript中对象属性的添加和删除示例

请允许我详细讲解一下如何在JavaScript中添加和删除对象属性。

添加对象属性

直接添加属性

直接在对象上添加属性，可以通过 .（点） 或 [ ] 符号来访问或定义属性，示例如下：

const person = {
  name: "张三",
  age: 18
};
person.gender = "male"; // 通过 .（点）符号添加属性
person["phone"] = "123456"; // 通过 [ ] 符号添加属性

console.log(person); // 输出结果为：{ name: '张三', age: 18, gender: 'male', phone: '123456' }

使用 Object.defineProperty()方法

Object.defineProperty() 方法可以在对象上定义一个新属性或修改现有属性，并返回修改后的对象。我们可以使用以下语法来使用该方法：

Object.defineProperty(object, propertyname, descriptor);

参数解释：

• object：定义属性的对象。
• propertyname：定义或修改的属性的名称。
• descriptor：定义或修改的属性的描述符。

例如，在对象 person 上使用 Object.defineProperty() 方法添加一个 height 属性，则我们可以这么做：

const person = {
  name: "张三",
  age: 18
};
Object.defineProperty(person, "height", {
  value: 180
});

console.log(person); // 输出结果为：{ name: '张三', age: 18, height: 180 }

删除对象属性

delete 运算符

可以使用 delete 运算符来删除对象的属性。示例如下：

const person = {
  name: "张三",
  age: 18,
  gender: "male"
};
delete person.gender; // 删除 gender 属性

console.log(person); // 输出结果为：{ name: '张三', age: 18 }

使用 Object.defineProperty() 方法

也可以使用 Object.defineProperty() 方法定义一个属性的 configurable 属性为 false，来防止该属性被删除。例如：

const person = {
  name: "张三",
  age: 18
};
Object.defineProperty(person, "height", {
  value: 180,
  configurable: false // 设置不可删除
});

delete person.height; // 删除操作无效

console.log(person); // 输出结果为：{ name: '张三', age: 18, height: 180 }

以上为对象属性添加和删除的示例攻略，希望能够帮到你。如有疑问，欢迎进一步交流和探讨。