osgsm.io
HomeBlogNotesAbout
HomeNotesJavaScript の分割代入（destructuring assignment）で変数名をリネームする

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

Published Feb 11, 2025
⋅
Updated Oct 28, 2025

分割代入（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"

参考

PreviousJavaScript の分割代入（destructuring assignment）でデフォルト値を設定するNextJavaScript で 数値を四捨五入する（Math.round）