JavaScriptでのオブジェクトのデストラクチャリング


  1. プロパティの単純な抽出: オブジェクトのプロパティを取り出すために、以下のような構文を使用します。

    const obj = { name: 'John', age: 30 };
    const { name, age } = obj;
    console.log(name); // 'John'
    console.log(age); // 30
  2. プロパティの別名を指定する: デストラクチャリングでは、プロパティに別の名前を指定することもできます。

    const obj = { name: 'John', age: 30 };
    const { name: fullName, age: years } = obj;
    console.log(fullName); // 'John'
    console.log(years); // 30
  3. デフォルト値の指定: プロパティが存在しない場合や値がundefinedの場合に、デフォルト値を設定することができます。

    const obj = { name: 'John' };
    const { name, age = 25 } = obj;
    console.log(name); // 'John'
    console.log(age); // 25 (デフォルト値が適用される)
  4. ネストされたオブジェクトのデストラクチャリング: ネストされたオブジェクトからもプロパティを取り出すことができます。

    const obj = { name: 'John', age: 30, address: { city: 'Tokyo', country: 'Japan' } };
    const { name, address: { city } } = obj;
    console.log(name); // 'John'
    console.log(city); // 'Tokyo'

これらはJavaScriptでオブジェクトのデストラクチャリングを行うための基本的な方法です。コード例を使って構文や応用例を理解することができます。デストラクチャリングは、コードの可読性を向上させたり、短く簡潔なコードを記述するための便利な手法です。