- プロパティへのアクセス: ネストされたオブジェクトのプロパティにアクセスするには、ドット演算子(.)またはブラケット演算子([])を使用します。例えば、以下のようなオブジェクトがあるとします。
const person = {
name: "John",
age: 30,
address: {
city: "Tokyo",
country: "Japan"
}
};
person
オブジェクトのname
プロパティにアクセスするには、person.name
またはperson["name"]
と書きます。ネストされたオブジェクトのプロパティにアクセスするには、ドット演算子またはブラケット演算子をチェーンして使用します。例えば、person.address.city
は"Tokyo"
を返します。
-
プロパティの更新: ネストされたオブジェクトのプロパティを更新するには、同様の方法でアクセスし、新しい値を代入します。例えば、
person.address.city = "Osaka"
と書くと、address
オブジェクトのcity
プロパティが"Osaka"
に更新されます。 -
プロパティの追加: 新しいプロパティをネストされたオブジェクトに追加するには、同様の方法でアクセスし、新しいプロパティを作成して値を割り当てます。例えば、
person.address.postalCode = "12345"
と書くと、address
オブジェクトにpostalCode
プロパティが追加され、値が"12345"
に設定されます。 -
メソッドの呼び出し: ネストされたオブジェクト内のメソッドを呼び出すには、同様にドット演算子を使用します。例えば、以下のようなオブジェクトがあるとします。
const calculator = {
add: function(a, b) {
return a + b;
},
subtract: function(a, b) {
return a - b;
}
};
calculator
オブジェクトのadd
メソッドを呼び出すには、calculator.add(2, 3)
と書きます。ネストされたオブジェクト内のメソッドを呼び出す場合も、同様にドット演算子をチェーンして使用します。
これらはJavaScriptでネストされたオブジェクトを操作するための基本的な方法です。他にもさまざまな操作がありますが、このブログ投稿では短い範囲で説明することができません。詳細な情報や応用例については、公式のJavaScriptドキュメントやチュートリアルを参照してください。