# How to rename fields when using object destructuring

> 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.

Author: Flavio Copes | Published: 2019-08-24 | Canonical: https://flaviocopes.com/how-to-rename-object-destructuring/

Sometimes an object contains some set of properties, but you want to [destructure](https://flaviocopes.com/javascript-destructuring/) 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:

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

const { firstName: name, lastName } = person

name //Tom
lastName //Cruise
```