JavaScript オブジェクト(Object)

JavaScriptオブジェクトの理解

JavaScriptのオブジェクトはデータ型であり、以下で構成されています：名前および値の集合で構成されています。名前：値を表します。

name：valueのペアは、文字列、数字、ブール値などのデータ型の属性（関数を含む）を含むことができます。

JavaScriptのオブジェクトは独立したエンティティであり、現実の世界のオブジェクトと比較できます。

例えば、車には名前や色などの属性start（起動）やstop（停止）などのメソッドのオブジェクト：

すべての車は同じ属性、しかし各車の属性値が異なります。

すべての車は同じメソッドがありますが、これらの方法は異なる機能。

オブジェクトを作成する

オブジェクトはJavaScriptのデータ型であり、数字や文字列のようにデータ型です。データ型として、オブジェクトは変数に含まれることができます。

JavaScriptでオブジェクトを構築する方法はいくつかあります：

• を使用してオブジェクト定数、大括号：{}を使用して

• を使用してオブジェクトコンストラクタ、それを使用してnew Object()

• または、まず以下を作成します：コンストラクタ、その関数を呼び出すオブジェクトをシリアライズします。

この例では、以下を使用します： オブジェクト文字列（object literal）文字列とは何か？変数に値を割り当てる際に使用される定数を文字列と呼びます。

var　user　=　{firstName:"Vishal",　lastName:"Choudhary",　age:22,　location:"New　Delhi"};

オブジェクトの定義は複数の行にわたることができます。

var　user　=　{
　　firstName:　"Vishal",
　　lastName:　"Choudhary",
　　age:　22,
　　location:　"New　Delhi"
};

このチュートリアルの後半で、以下について説明しますオブジェクトコンストラクタおよびコンストラクタ。

オブジェクト属性

属性はオブジェクト内の名前と値の関連であり、どんなデータ型でも含むことができます。

属性は通常、オブジェクトの特徴を指します。

オブジェクト属性のアクセス

オブジェクト属性にアクセスする方法は2種類あります：

• ポイント表記法： .

• 括弧記号： []

元の例のオブジェクトに再びアクセスしてみましょうuser。

user.firstName;

user["firstName"];

ポイントと括弧はよく使用されますが、ポイント表記法はより速く、読みやすくなります。

オブジェクトメソッド

メソッドはオブジェクト属性値として機能する関数であり、したがって、オブジェクトが実行できるタスクです。

メソッドは属性として保存され、以下のようにオブジェクト属性値として機能します関数定義。

　　var　user　=　{
　　firstName:　"Vishal",
　　lastName　:　"Choudhary",
　　age　　:　22,
　　location　:　"New　Delhi",
　　getName　　:　function()　{
　　　return　this.firstName　+　"　"　+　this.lastName;
　　}
　　};

注意：メソッドは属性として保存された関数です。

オブジェクトメソッドのアクセス

オブジェクトのメソッドを取得するために、通常の関数を呼び出すようにそれをオブジェクト変数に付けるだけで、呼び出すことができます。

user.getName();

()括号を付けない方法にアクセスすると、関数の定義が返されます：

user.getName;

それは何ですか“this”キーワード？

あなたは私たちの方法が少し奇妙だと思うかもしれません。この例を考えてみましょう：

　　getName:　function()　{
　　　return　this.firstName　+　"　"　+　this.lastName;
　　}

thisキーワードは、コードが内部の現在のオブジェクトに書かれていることを指します-したがって、この場合、thisは以下に等しいですuser。

言い換えれば、this.firstNameは以下を意味しますこのオブジェクトのfirstName属性。

あなたは以下のようになりますJS thisチュートリアルJSのthisキーワードこのキーワードに関する更多信息を学びましょう。

あなたは常にオブジェクトを使用しています

これらの例を浏览するとき、常に利用している点記号が非常に馴染みがあることに気づくかもしれません。それは、このトレーニングの全体を通してその使用を続けているからです。

JavaScriptの内蔵オブジェクトを使用する例を巡るとき、私たちは常にこの点記号を利用しています。

以下の行を使用してドキュメントオブジェクトモデルにアクセスするとき：

　　document.write("Hello world");
　　document.getElementById("para");

現在、Documentクラスの例で利用可能なメソッド。各読み込まれたページごとに、Document例として、document、これはページ全体の構造、内容、URLなどの機能を表すものです。同様に、これはいくつかの一般的なメソッドを提供しています。/属性。

new キーワード

キーワードnewを使用してJavaScript変数を宣言すると、その変数はオブジェクトとして作成されます：

　　var a = new Number();　　//　aをNumberオブジェクトとして宣言します。
　　var b = new String();　　//　bをStringオブジェクトとして宣言します。
　　var c = new Boolean();　　　//　cをBooleanオブジェクトとして宣言します。

使用を避けます。String、NumberおよびBooleanオブジェクト。それらはコードを複雑にし、実行速度を低下させる可能性があります。

本教程の後半部分で、オブジェクトに関する情報をさらに学びます。