How to rename fields when using object destructuring

Aug 24, 2019

Learn how to rename a field while destructuring a JavaScript object, assigning a property to a new variable name with the colon syntax, as in firstName: name.

~~~

Sometimes an object contains some set of properties, but you want to destructure it changing the names.

For example some function name does not suit your naming convention, or you already have a variable with that name.

You can rename one of the fields using this syntax:

const person = {
  firstName: 'Tom',
  lastName: 'Cruise'
}

const { firstName: name, lastName } = person

name //Tom
lastName //Cruise

Tagged: JavaScript · All topics

~~~