ES6オブジェクトデストラクチャリングの使用方法

2024-02-10 06:06 JavaScript ES6

  1. 基本的なオブジェクトデストラクチャリングの例:

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

  2. 別名を使用したオブジェクトデストラクチャリングの例:

    const person = {
name: 'John',
age: 30,
city: 'Tokyo'
};
const { name: fullName, age: personAge, city: location } = person;
console.log(fullName); // 'John'
console.log(personAge); // 30
console.log(location); // 'Tokyo'

  3. デフォルト値を指定したオブジェクトデストラクチャリングの例:

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

  4. ネストされたオブジェクトのデストラクチャリングの例:

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

これらはES6のオブジェクトデストラクチャリングの一部の例です。オブジェクトデストラクチャリングは、コードをより簡潔で読みやすくするための強力な機能です。詳細な使用方法や他の応用例については、公式のJavaScriptドキュメントやチュートリアルを参照してください。