Remove a property from JavaScript object

Removing a property from a JavaScript object can be accomplished using various methods. Let's explore these methods with detailed explanations and examples:

Using the delete Keyword

The delete keyword can be used to remove a property from an object.

const person = { firstName: "Phill", lastName: "Cole", age: 30 }; delete person.age; console.log(person); // Output: { firstName: "Phill", lastName: "Cole" }

Using Object Destructuring

Object destructuring can be used to create a new object without the property to be removed.

const person = { firstName: "Phill", lastName: "Cole", age: 30 }; const { age, ...updatedPerson } = person; console.log(updatedPerson); // Output: { firstName: "Phill", lastName: "Cole" }

Using Object.assign()

Object.assign() can be utilized to create a new object without the property to be removed.

const person = { firstName: "Phill", lastName: "Cole", age: 30 }; const updatedPerson = Object.assign({}, person); delete updatedPerson.age; console.log(updatedPerson); // Output: { firstName: "Phill", lastName: "Cole" }

Removing Javascript Object Properties with Destructuring

Using the Spread Operator

The spread operator (...) can also be used to create a new object without the property.

const person = { firstName: "Phill", lastName: "Cole", age: 30 }; const { age, ...updatedPerson } = person; console.log(updatedPerson); // Output: { firstName: "Phill", lastName: "Cole" }

Using Object.keys() and Object.fromEntries()

You can also use Object.keys() and Object.fromEntries() to create a new object without the property.

const person = { firstName: "Phill", lastName: "Cole", age: 30 }; const { age, ...rest } = person; const updatedPerson = Object.fromEntries(Object.keys(rest).map(key => [key, rest[key]])); console.log(updatedPerson); // Output: { firstName: "Phill", lastName: "Cole" }

Conclusion

Removing a property from a JavaScript object can be achieved using methods like the delete keyword, object destructuring, Object.assign(), the spread operator, and a combination of Object.keys() and Object.fromEntries(). The method you choose depends on your coding style and specific use case.






Related Topics
  1. JavaScript Popup Boxes
  2. Opening a new window in JavaScript
  3. How to Create Drop-Down Lists in JavaScript
  4. How do I include a JavaScript file in another JavaScript file?
  1. Print the content of a Div using JavaScript/jQuery
  2. How to get the current URL using JavaScript ?
  3. How to Detect a Mobile Device with JavaScript/jQuery
  4. How to validate an email address in JavaScript
  5. JavaScript Array Iteration
  6. How to Remove a Specific Item from an Array in JavaScript
  7. What is JavaScript closures?
  8. How to get selected value from Dropdown list in JavaScript
  9. How do I get the current date in JavaScript?
  10. How to Open URL in New Tab | JavaScript
  11. How to delay/wait/Sleep in code execution | JavaScript
  12. How to round to at most 2 decimal places | JavaScript
  13. How to convert string to boolean | JavaScript
  14. How to check undefined in JavaScript?
  15. How To Copy to Clipboard | JavaScript
  16. How to encode a URL using JavaScript?
  17. How to force Input field to enter numbers only | JavaScript
  18. How to create multiline string in JavaScript
  19. How to Check for an Empty String in JavaScript?