配列、オブジェクト両方で使える。Reactでもよく使う。

<aside> 💫 分割代入の挙動

「配列の要素は順番で、オブジェクトの要素はキーで指定する」という原則があるよ

</aside>

▼配列

const myProfile = ['じゃけぇ', 28];

// 分割代入
const [ name, age ] = myProfile; // **配列の順番ごとに、任意の名前をつけて**記述する！
const massage4 = `私の名前は${name}です。年齢は${age}歳です。`;

// 分割代入を使わないと...
const massage3 = `私の名前は${myProfile[0]}です。年齢は${myProfile[1]}歳です。`;

▼オブジェクト

const myProfile = {
  name: "じゃけぇ",
  age: 28,
}

// 分割代入 
const { name, age } = myProfile; // オブジェクト単体で使えるようにあらかじめ設定しておく
const massage2 = `私の名前は${name}です。年齢は${age}歳です。`

// 分割代入を使わないと...
const massage1 = `私の名前は${myProfile.name}です。年齢は${myProfile.age}歳です。`