ES6における配列の分割代入


  1. 基本的な分割代入: 配列内の要素を変数に代入する場合、以下のような構文を使用します。

    const array = [1, 2, 3, 4, 5];
    const [a, b, c, d, e] = array;
    console.log(a); // 1
    console.log(b); // 2
    console.log(c); // 3
    console.log(d); // 4
    console.log(e); // 5
  2. 不要な要素のスキップ: 分割代入を使用すると、不要な要素をスキップすることもできます。

    const array = [1, 2, 3, 4, 5];
    const [a, , c] = array;
    console.log(a); // 1
    console.log(c); // 3
  3. デフォルト値の設定: もし配列の要素が存在しない場合、デフォルト値を設定することもできます。

    const array = [1, 2];
    const [a, b, c = 3] = array;
    console.log(a); // 1
    console.log(b); // 2
    console.log(c); // 3
  4. 可変長引数の取得: 分割代入を使って、配列内の要素を可変長引数として取得することもできます。

    const array = [1, 2, 3, 4, 5];
    const [a, b, ...rest] = array;
    console.log(a); // 1
    console.log(b); // 2
    console.log(rest); // [3, 4, 5]

これらは、ES6における配列の分割代入の基本的な使い方とコード例です。分割代入は、コードの可読性を向上させるために役立つ機能であり、短くシンプルなコードを書くことができます。是非試してみてください!