JavaScript 从对象中删除元素

在 JavaScript 中，可以使用几种不同的方法从对象中删除元素。这些方法可以帮助您从对象中删除特定的属性或键值对。

目录

• 使用 delete 操作符
• 使用 Object.assign() 方法
• 使用解构赋值
• 使用 JavaScript ES2020 中的 deleteProperty() 方法

使用 delete 操作符

delete 操作符是一种最常用的删除对象属性的方法。它可以从对象中删除指定的属性或键值对。

let obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};

delete obj.age;

console.log(obj);
// Output: { name: 'John', city: 'New York' }

上述示例中，我们使用 delete 操作符删除了 obj 对象中的 age 属性。

请注意，delete 操作符执行后，对象中将不再包含被删除的属性。

使用 Object.assign() 方法

Object.assign() 方法可以用来将一个或多个源对象的属性复制到目标对象中，并返回目标对象。我们可以使用这个方法来从对象中删除一个或多个属性。

let obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};

let newObj = Object.assign({}, obj);
delete newObj.age;

console.log(newObj);
// Output: { name: 'John', city: 'New York' }

上述示例中，我们使用 Object.assign() 方法将 obj 对象的属性复制到了一个新的对象 newObj 中，并删除了 newObj 中的 age 属性。

使用解构赋值

解构赋值是一种从对象中提取属性并赋值给变量的方法。我们可以使用解构赋值来实现从对象中删除属性。

let obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};

let { age, ...newObj } = obj;

console.log(newObj);
// Output: { name: 'John', city: 'New York' }

上述示例中，我们使用解构赋值从 obj 对象中提取 age 属性，并将剩余的属性赋值给 newObj。

使用 JavaScript ES2020 中的 deleteProperty() 方法

在 JavaScript ES2020 中，引入了 deleteProperty() 方法，该方法允许我们从对象中删除属性。

let obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};

Reflect.deleteProperty(obj, 'age');

console.log(obj);
// Output: { name: 'John', city: 'New York' }

上述示例中，我们使用 Reflect.deleteProperty() 方法删除了 obj 对象中的 age 属性。

请注意，deleteProperty() 方法是可选的，并且需要 JavaScript ES2020 支持。

以上是一些常用的方法，您可以根据自己的需求选择适合的方法来删除对象中的元素。