Remove a Property From JavaScript Object

In JavaScript, you can remove a property from an object using the delete operator or create a new object without that property using destructuring. Reflect.deleteProperty() provides another way to perform the deletion.

• Use delete to directly remove a property from the original object.
• Use object destructuring when you want to create a new object without modifying the original.
• Use Reflect.deleteProperty() when you want a method-based approach that returns a Boolean indicating success.

Approach 1: Using delete Operator

The delete operator removes a specified property from an object. It modifies the original object and returns true when the deletion is successful.

Syntax:

delete object.propertyName;

You can also use bracket notation when the property name is stored in a variable:

delete object["propertyName"];

Example:

let obj = {
    name: "Ryan",
    age: 24,
    city: "Noida"
};

// Remove the age property
delete obj.age;

console.log(obj);

{ name: 'Ryan', city: 'Noida' }

Approach 2: Using Object Destructuring

Object destructuring with the rest operator can create a new object containing all properties except the one being removed. The original object remains unchanged.

let obj = {
    name: "Ryan",
    age: 24,
    city: "Noida"
};

// Extract age and keep the remaining properties
const { age, ...updatedObj } = obj;

console.log(updatedObj);

{ name: 'Ryan', city: 'Noida' }

Here, age is extracted from obj, while ...updatedObj collects the remaining properties into a new object.

Approach 3: Using Reflect.deleteProperty()

The Reflect.deleteProperty() method removes a property from an object, similar to the delete operator. It returns a Boolean indicating whether the property was successfully deleted.

let obj = {
    name: "Ryan",
    age: 24,
    city: "Noida"
};

// Remove the city property
Reflect.deleteProperty(obj, "city");

console.log(obj);

{ name: 'Ryan', age: 24 }

Syntax:

Reflect.deleteProperty(object, propertyKey);

Choosing the Right Method for Removing Object Properties

• delete Operator: Best for directly removing a property from the original object.
• Object Destructuring: Best when you want a new object without modifying the original.
• Reflect.deleteProperty(): Useful when you prefer the Reflect API or need the Boolean result of the deletion operation.