脱構造化【TypeScript】

構造化された内容を変数に展開します。

let person = {
    nickname: "Mike",
    like: "Cat"
};

let {nickname, like} = person;
console.log(nickname, like)    // Mike, Cat

配列を展開することもできます。

let array = [1, 2];
let [numA, numB] = array;
console.log(numA, numB);    // 1, 2

関数の引数に使うことで、実行時にオブジェクト形式で引数を指定することができるため、引数の内容が実行時にわかりやすくなります。

function hi({name, from}: {name: string, from: string}): void {
    console.log(`HI, I'm ${name}, from ${like}.`);
}

hi({name: "Mike", from: "Japan"});    // Hi, I'm Mike from Japan.    引数の内容がわかりやすく、間違いがあればすぐに気づく。

TypeScript早わかりチートシート【1.5.3対応】 - Build Insider