問題
24
JavaScript
分割代入（オブジェクト）
JavaScriptの問題に挑戦しよう！
問題
「分割代入（オブジェクト）」
オブジェクトuserからnameとageを分割代入してください。
解答と解説（分割代入（オブジェクト））
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
分割代入はオブジェクトや配列から必要な値を簡潔に取り出すための構文です。従来はconst name = user.name;のように1つずつ代入していましたが、分割代入を使うことで1行で複数の値を取得できます。特にAPIレスポンスの処理では、必要なプロパティだけを取り出して扱うケースが多く、可読性と保守性の向上につながります。また、デフォルト値の指定や別名指定も可能で、柔軟な記述ができます。現代JavaScriptでは標準的な書き方であり、ReactやNode.js開発でも頻出する重要な基礎技術です。
補足
分割代入ではconst { name: userName } = user;のように別名指定も可能です。また{ age = 20 }のようにデフォルト値も設定できます。ネストしたオブジェクトからも取り出せるため、APIレスポンス処理では特に重宝されます。
