JavaScript 如何从对象中删除属性

在本文中，我们将从JavaScript对象中删除一个属性。

以下是从JavaScript对象中删除属性的几种方法：

• 使用JavaScript的delete关键字
• 使用解构赋值

方法1：使用JavaScript delete关键字

JavaScript的delete关键字用于删除JavaScript对象的属性。

语法：

delete object.property or  
delete object[property]  

注意：

• 删除关键字同时删除属性和属性值。删除后，无法使用该属性。
• 删除操作符设计用于对象属性，无法用于变量或函数。
• 不应该对预定义的JavaScript对象属性使用删除操作符，可能会引发问题。

示例1： 这个示例删除了一个对象的address属性。

let p = {
    name: "person1",
    age:50,
    address:"address1"
};
 
delete p.address;
 
console.log("The address of "
    + p.name +" is " + p.address);

输出

The address of person1 is undefined

示例2： 这个示例删除了一个对象的age属性。

let p = {
    name: "person1",
    age: 50,
    address: "address1"
};
 
delete p.age;
 
console.log(p.name + " is "
    + p.age + " years old.");

输出

person1 is undefined years old.

方法2：使用解构赋值

解构赋值是JavaScript中的一个表达式，它允许我们将数组中的值或对象中的属性解构出来，赋值给不同的变量。可以从数组、对象和嵌套对象中提取数据并赋值给变量。

示例：

const p = {
    name: "person1",
    age: 50,
    address: "address1"
};
// Destructure the object 
//and omit the 'age' property
const { age, ...updatedObject } = p;
 
console.log(updatedObject);

输出结果

{ name: 'person1', address: 'address1' }