最終更新:2022-08-04 (木) 11:24:36 (5d)  

JavaScript/分割代入
Top / JavaScript / 分割代入

Destructuring assignment

オブジェクトや配列から値を抽出するための方法

JavaScript/配列

  • 配列に格納されている順に名前を設定して抽出可能
    var [name, age] = ['Koyabu', 20];

JavaScript/オブジェクト

  • 一致するプロパティを取り出すことができる
    • 名称さえ合っていれば順番は関係ない (一部でも可能)
    • 存在しないプロパティは指定不可
    const myProfile = {name; "aaa",age:123};
    const {name, age} = myProfile;

別名

  • 取得してさらに別名をつけることも可能
    const {name:newName, age:newAget} = myProfile;

JavaScript/デフォルト値

  • プロパティが存在しない場合の値を指定可能
    const {name = "名前", age = 123} = myProfile;