女性向けエンジニアスクール
分割代入
JavaScript入門 / 全 5 枚
JavaScript入門 - 分割代入
必要な値をまとめて変数に取り出す
work.title、work.year と毎回書いていると、同じ work が何度も出てきて読みにくくなります。分割代入は、取り出したいプロパティの名前を左辺に並べて、同じ名前の変数を一度に作る書き方です。
並べなかった views は取り出されません。必要なものだけ書けば十分です。
左辺の中かっこは、新しいオブジェクトを作っているのではなく、取り出す名前を並べているだけです。
const work = { title: "ポートフォリオサイト", year: 2024, views: 1200 };
const { title, year } = work;
console.log(title, year); // ポートフォリオサイト 20241 / 5
← → キーでも送れます