
There are cases where you want the destructured variable to have a different name than the property name.
const obj = {
name: "JSsnippets"
};
// Grabs obj.name as { pageName }
const { name: pageName } = obj;
//log our alias
console.log(pageName) // JSsnippets
Source
https://github.com/JSsnippets/JavaScript-snippets#aliases-with-javascript-destructuring