-
単純なオブジェクト分割代入:
const person = { name: 'John', age: 30 }; const { name, age } = person; console.log(name); // 出力: John console.log(age); // 出力: 30
-
プロパティ名を変更して代入する場合:
const person = { name: 'John', age: 30 }; const { name: firstName, age: years } = person; console.log(firstName); // 出力: John console.log(years); // 出力: 30
-
デフォルト値の設定:
const person = { name: 'John' }; const { name, age = 25 } = person; console.log(name); // 出力: John console.log(age); // 出力: 25
-
入れ子のオブジェクトの分割代入:
const person = { name: 'John', age: 30, address: { city: 'Tokyo', country: 'Japan' } }; const { name, address: { city } } = person; console.log(name); // 出力: John console.log(city); // 出力: Tokyo
これらはオブジェクト分割代入の一部ですが、さまざまな応用方法があります。この機能を使うことで、コードの可読性や保守性を向上させることができます。