以下に、オブジェクトの分割代入の基本的な使い方とコード例をいくつか紹介します。
-
単純な分割代入:
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: fullName, age: years } = person; console.log(fullName); // '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'
これらは基本的な分割代入のパターンですが、実際にはさまざまな応用方法があります。オブジェクトのネスト、配列との組み合わせ、関数の引数としての使用など、さまざまなシナリオで利用することができます。
オブジェクトの分割代入は、コードの可読性を向上させ、冗長なコードを減らすのに役立ちます。ぜひこの機能を活用して、より効率的なJavaScriptコードを書いてみてください。