Skip to content

How to rename fields when using object destructuring

Find out how to rename an object field while destructuring

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

→ Here's my latest YouTube video

→ Get my JavaScript Beginner's Handbook

→ I wrote 17 books to help you become a better developer, download them all at $0 cost by joining my newsletter

JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025

Bootcamp 2025

Join the waiting list