如何删除/取消一个 JavaScript 对象的属性？

在 JavaScript 中，对象是一种非常常见的数据类型，但是有时候我们可能需要删除对象中的某个属性。本文将介绍如何使用 JavaScript 来删除对象属性及其相关注意事项。

使用 delete 操作符

JavaScript 提供了一个 delete 操作符，用于删除对象的属性。具体语法如下：

delete object.property

其中，object 表示要删除属性的对象，property 表示要删除的属性名。

例如，假设我们有一个名为 person 的对象，其中包含 name 和 age 两个属性，现在我们想要删除 age 属性，可以使用以下代码：

var person = {
  name: "张三",
  age: 18
};

delete person.age;
console.log(person); // 输出：{ name: "张三" }

从输出结果可以看出，age 属性已经被成功删除了。

需要注意的是，delete 操作符只能删除对象自身的属性，不能删除继承来的属性。此外，如果尝试删除一个不存在的属性，delete 操作符不会抛出错误，而是简单地不做任何操作。

使用 Object.defineProperty()

除了 delete 操作符，JavaScript 还提供了另一种方法来删除对象属性，即使用 Object.defineProperty() 方法。具体语法如下：

Object.defineProperty(object, property, { configurable: true });
delete object.property;

其中，object 表示要删除属性的对象，property 表示要删除的属性名。

需要注意的是，为了让 delete 操作符能够成功删除属性，我们还需要在定义属性时将 configurable 属性设置为 true。如果 configurable 被设置为 false，则无法通过 delete 操作符删除属性。

例如，假设我们有一个名为 person 的对象，其中包含 name 和 age 两个属性，现在我们想要删除 age 属性，可以使用以下代码：

var person = {
  name: "张三",
  age: 18
};

Object.defineProperty(person, "age", { configurable: true });
delete person.age;
console.log(person); // 输出：{ name: "张三" }

从输出结果可以看出，age 属性已经被成功删除了。

总结

本文介绍了如何使用 JavaScript 删除对象的属性，主要涉及到 delete 操作符和 Object.defineProperty() 方法。需要注意的是，delete 操作符只能删除对象自身的属性，不能删除继承来的属性；同时，在使用 Object.defineProperty() 方法时，必须将 configurable 属性设置为 true 才能通过 delete 操作符删除属性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12551