JavaScriptをもう一度:オブジェクトについて勉強してみました。(3)JavaScriptをもう一度:オブジェクトについて勉強してみました。重い腰を上げて、JavaScriptを再学習中の大熊猫です。Parts」を再度読み直しています。今回はJavaScriptにおけるオブジェクトについて勉強した内容をまとめてみます。見当違いの内容がありましたら、ご指摘いただけると幸いです。オブジェクトリテラルオブジェクトとは、とても簡単に説明すると複数のプロパティを持つコンテナの事です。オブジェクトを作ってみます。タロウ(TanakaTaro)さんと言う人(Human)オブジェクトを作ってみます。'Tanaka'};上記は人(Human)オブジェクトに名前(firstName)プロパティと苗字(lastName)プロパティを記述しています。(コロン)」で区切ります。今回ですと以下の通りです。名前(firstName):タロウ(Taro)苗字(lastName):タナカ(Tanaka)そして、上記のように名前と値で構成されいるオブジェクトをオブジェクトリテラルと言います。タロウさんの詳しい情報を追加しましょう。タロウさんは大阪の豊中市の出身です。:'Toyonaka'}};出身地(hometown)プロパティを追加しました。出身地の中に国(country)、都道府県(prefecture)、市町村(city)のプロパティをネストしています。このようにオブジェクトはネストが可能です。値を習得してみるオブジェクトから値を取り出すには以下のようにします。Taroと「.」で繋ぐ事も可能です。※突っ込みどころ満載ですが、聞き流してください。以下のようにして名前をジロウさんに書き換えます。='Jiro';上記は人(Human)オブジェクトに名前(firstName)プロパティの値を変更しています。タロウさんは実は枚方市の出身だった場合です。枚方市は日本の大阪府の中にあるので変更するのは市町村(city)のみです。='Hirakata';document.writeln(Human['hometown']['city']);ネストしている値はこのように指定します。='Hirakata';もちろん、「.」で繋いでもかまいません。次は現在存在しないプロパティを追加する方法です。タロウさんは先生をやっています。職業の情報がありませんでしたので追加してみます。'Teacher';記述自体は値の更新と同じです。タロウさんはパイロットに転職しました。これまでのコードに以下を続け、変更してみます。'Pilot';値の更新の説明ではオブジェクトに直接アクセスして更新を行いました。今回はオブジェクトの値を変数に代入する方法で更新をしています。一連の流れを纏めてみました。最後に変数に代入されたオブジェクト自身がどうなったのかを確認しています。人(Human)オブジェクトを代入する。//Pilot確認用サンプル人(Human)オブジェクトの職業(job)を確認すると、値が変わっているのが分かります。これは「オブジェクトは「参照渡し」が行われる為、コピーはされない」と言う事を意味します。参照渡しについては、ここで収まる説明が出来るほどの理解が出来ていませんので、今回は割愛させていただきます。今回はJavaScriptにおけるオブジェクトの導入をおさらいしてみました。オブジェクトを説明している書籍や記事を見ると、この先はプロトタイプの説明に入るのが流れなようです。Parts」も、この後はプロトタイプの説明に入ります。プロトタイプについても、もう少し理解を深めてからになりますが、いつか記事にしたいと思います。