分割代入Tips

日常よく書くパターンで分割代入を使うと楽かも？と思った処をメモするTips回です。
イベントハンドラのコールバック引数とかで中身がオブジェクトプロパティになってる場合は結構便利です。

Case

DOM操作系でevent.targetしか使わねンだわってパターンは結構あると思います。
そんな時はこう書くと便利。

// event引数内のtargetプロパティのみ取り出す
elm.addEventListener("click", ({target}) => console.log(target));

あとはWorkerでmessage.dataで中身だけ取り出したいとか。

// message.dataのみ取り出す
worker.addEventListener("message", ({data}) => console.log(data));

axiosでres.dataだけ欲しいんじゃ！って時。

// res.dataのみ取り出す
axios.get("www.google.com").then(({data}) => console.log(data));