Rename Destructured Variables in ES6 JavaScript

Recently when working on a JavaScript project I encountered a problem with my destructured variables. I needed to rename one set of them but I didn’t know how to do that.

I did like everyone else and I kept on searching for an answer until I finally found one. Of course I found a post on StackOverflow that answered my question, how do you rename a destructured variable?

const person = {
  first_name: "Craig",
  last_name: "Jdddkssd",
  email: "saddfffds123@gmail.com",
}

const { first_name, last_name, email: newEmail } = person;

What I found was that you rename a destructured variable by putting a colon after the variable and then you rename it with the value that appears after the colon.

This was very helpful with my project I was working on because I needed to have multiple destructured variables that had the same name.