Remove Properties From JavaScript Objects

Use Case

Suppose you have a JavaScript object received from a source (e.g., retrieved from an API):

1
const restaurant = {
2
  name: "Nong's Khao Man Gai",
3
  address: "609 SE Ankeny St",
4
  phone: "503-740-2907",
5
  secretKeyLocation: "somewhere",
6
};

You want to remove secretKeyLocation before passing the object on to the next part of the workflow.

Solution: Remove Property Using Destructuring + Rest Syntax

Use a combination of object destructuring and object literal spread/rest syntax.

1
const { secretKeyLocation, ...rest } = restaurant;
2
doSomethingWith(rest);

With this, you now have three variables:

• secretKeyLocation with the value of "somewhere"

• rest, a new object with the secretKeyLocation property removed:

  1
  {
  2
    name: "Nong's Khao Man Gai",
  3
    address: "609 SE Ankeny St",
  4
    phone: "503-740-2907",
  5
  }

  It’s worth noting that rest can be any valid variable name; the name rest itself has no special meaning.

• restaurant remains untouched and retains its original value. Immutability FTW 🙌!