How to rename fields when using object destructuring
New Courses Coming Soon
Join the waiting lists
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
→ Get my JavaScript Beginner's Handbook
→ Read my
JavaScript Tutorials
on The Valley of Code
→ Read my
TypeScript Tutorial
on The Valley of Code
Here is how can I help you:
- COURSES where I teach everything I know
- CODING BOOTCAMP cohort course - next edition in 2025
- BOOKS 16 coding ebooks you can download for free on JS Python C PHP and lots more
- Follow me on X