TechCodeview

JavaScript オブジェクトは、状態と動作 (プロパティとメソッド) を持つエンティティです。例: 車、ペン、自転車、椅子、ガラス、キーボード、モニターなど。

JavaScript はオブジェクトベースの言語です。 JavaScript ではすべてがオブジェクトです。

JavaScript はクラスベースではなくテンプレートベースです。ここでは、オブジェクトを取得するためのクラスを作成しません。ただし、オブジェクトを直接作成します。

JavaScript でのオブジェクトの作成

オブジェクトを作成するには 3 つの方法があります。

1. オブジェクトリテラルによる
2. Object のインスタンスを直接作成する (new キーワードを使用)
3. オブジェクト コンストラクターを使用する (new キーワードを使用する)

1) オブジェクトリテラルによるJavaScriptオブジェクト

オブジェクト リテラルを使用してオブジェクトを作成する構文は次のとおりです。

 object={property1:value1,property2:value2.....propertyN:valueN} 

ご覧のとおり、プロパティと値は: (コロン) で区切られています。

JavaScript でオブジェクトを作成する簡単な例を見てみましょう。

 emp={id:102,name:'Shyam Kumar',salary:40000} document.write(emp.id+' '+emp.name+' '+emp.salary); 

上記の例の出力

2) オブジェクトのインスタンスを作成する

オブジェクトを直接作成する構文は次のとおりです。

 var objectname=new Object(); 

ここ、 新しいキーワード オブジェクトの作成に使用されます。

オブジェクトを直接作成する例を見てみましょう。

 var emp=new Object(); emp.id=101; emp.name='Ravi Malik'; emp.salary=50000; document.write(emp.id+' '+emp.name+' '+emp.salary); 

上記の例の出力

3) オブジェクトコンストラクターを使用する

ここでは、引数付きの関数を作成する必要があります。このキーワードを使用して、現在のオブジェクトに各引数値を割り当てることができます。

の このキーワード 現在のオブジェクトを参照します。

以下にオブジェクトコンストラクタによるオブジェクトの作成例を示します。

 function emp(id,name,salary){ this.id=id; this.name=name; this.salary=salary; } e=new emp(103,'Vimal Jaiswal',30000); document.write(e.id+' '+e.name+' '+e.salary); 

上記の例の出力

JavaScriptオブジェクトでのメソッドの定義

JavaScriptオブジェクトにメソッドを定義できます。ただし、メソッドを定義する前に、メソッドと同じ名前のプロパティを関数に追加する必要があります。

オブジェクトにメソッドを定義する例を以下に示します。

 function emp(id,name,salary){ this.id=id; this.name=name; this.salary=salary; this.changeSalary=changeSalary; function changeSalary(otherSalary){ this.salary=otherSalary; } } e=new emp(103,&apos;Sonoo Jaiswal&apos;,30000); document.write(e.id+&apos; &apos;+e.name+&apos; &apos;+e.salary); e.changeSalary(45000); document.write(&apos; <br>&apos;+e.id+&apos; &apos;+e.name+&apos; &apos;+e.salary); 

上記の例の出力

JavaScript オブジェクトのメソッド

Object のさまざまなメソッドは次のとおりです。