3 种从 JavaScript 对象中删除属性的方法

在 JavaScript 中，对象就像是保存键值对的容器。但是，如果你需要从对象中删除属性，该怎么办？今天我将分享三种方法，希望对你有所帮助。

1. 使用 delete 关键字

这是最直接的方法，使用 delete 关键字可以删除对象的属性。如下所示：

let obj = {
  name: "Alice",
  age: 30,
  city: "New York"
};

// 删除 'age' 属性
delete obj.age;
console.log(obj); // 输出: { name: "Alice", city: "New York" }

在这个示例中，delete obj.age; 从 obj 对象中删除了 age 属性。如果删除成功，delete 运算符将返回 true，如果属性不存在或不可删除，则返回 false。

注意: 内置原型属性通常是不可配置的，因此无法使用 delete 删除它们。

2. 使用 Rest 语法进行对象解构

当我们想创建一个不包含某个属性的新对象时，Rest 语法是一种优雅的选择：

const { propertyToRemove, ...newObject } = originalObject;

来看一个实际示例：

let obj = { name: 'Alice', age: '18' };
let { age, ...newObj } = obj;
console.log(obj); // 输出: { name: 'Alice', age: '18' } (原对象保持不变)
console.log(newObj); // 输出: { name: 'Alice' } (新对象中没有 'age' 属性)

通过使用解构和 Rest 语法，newObj 是一个不包含解构属性（此处为 age）的新对象，而原始对象保持不变。

3. 使用 Reflect.deleteProperty 方法

Reflect.deleteProperty 方法是在 ES6 中引入的，它提供了一种更实用的方式来删除对象属性：

Reflect.deleteProperty(object, propertyName);

来看一个例子：

let obj = { name: 'Alice', age: '18' };
console.log(obj); // 输出: { name: 'Alice', age: '18' }
console.log(Reflect.deleteProperty(obj, 'age')); // 输出: true
console.log(obj); // 输出: { name: 'Alice' }

如果删除成功，Reflect.deleteProperty(object, propertyName) 返回 true，否则返回 false。

这就是从 JavaScript 对象中删除属性的 3 种方法！每种方法各有优缺点，选择哪种取决于你的编程风格和具体需求。