JavaScriptでの配列の分割代入（デストラクチャリング）方法

2024-02-10 06:36 JavaScript 配列 分割代入

  1. 基本的な分割代入:

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

  2. 不要な要素の無視:

    const array = [1, 2, 3];
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 [first, second, ...rest] = array;
console.log(first); // 1
console.log(second); // 2
console.log(rest); // [3, 4, 5]

  5. オブジェクトのプロパティとの組み合わせ:

    const array = [1, 2, 3];
const obj = { x: 4, y: 5, z: 6 };
const [a, b, c, d] = [...array, ...Object.values(obj)];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3
console.log(d); // 4

これらはJavaScriptで配列の分割代入を行ういくつかの一般的な方法です。分割代入を使用することで、コードをより短く、読みやすく、効率的にすることができます。