JavaScriptのオブジェクト分割代入(ES6)の使い方


  1. 単純なオブジェクト分割代入:

    const person = { name: 'John', age: 30 };
    const { name, age } = person;
    console.log(name); // 出力: John
    console.log(age); // 出力: 30
  2. プロパティ名を変更して代入する場合:

    const person = { name: 'John', age: 30 };
    const { name: firstName, age: years } = person;
    console.log(firstName); // 出力: John
    console.log(years); // 出力: 30
  3. デフォルト値の設定:

    const person = { name: 'John' };
    const { name, age = 25 } = person;
    console.log(name); // 出力: John
    console.log(age); // 出力: 25
  4. 入れ子のオブジェクトの分割代入:

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

これらはオブジェクト分割代入の一部ですが、さまざまな応用方法があります。この機能を使うことで、コードの可読性や保守性を向上させることができます。