How to rename fields when using object destructuring
Find out how to rename an object field while destructuring
THE AHA STACK MASTERCLASS
Launching May 27th
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
I wrote 20 books to help you become a better developer:
- Astro Handbook
- HTML Handbook
- Next.js Pages Router Handbook
- Alpine.js Handbook
- HTMX Handbook
- TypeScript Handbook
- React Handbook
- SQL Handbook
- Git Cheat Sheet
- Laravel Handbook
- Express Handbook
- Swift Handbook
- Go Handbook
- PHP Handbook
- Python Handbook
- Linux Commands Handbook
- C Handbook
- JavaScript Handbook
- CSS Handbook
- Node.js Handbook