JavaScript の分割代入（destructuring assignment）で変数名をリネームする

分割代入（destructuring assignment）では、アサインされる変数名のリネームも可能。

例えば、すでに name 変数を定義済みの状態で user.name を destructure したい場合などに使える。次の例では、 userName という変数名にアサインしている。

const name = 'Document title' // name variable is already declared
 
const user = {
  id: 1,
  name: 'Sam',
  isAdmin: true,
}
 
// destructure user.name into variable userName
const { name: userName, isAdmin } = user
console.log(userName) // "Sam"

reference

Destructuring assignment - JavaScript | MDN