Javascript オブジェクトを作成する

JavaScriptを使用すると、開発者はオブジェクトを作成して操作できます。 これを行うには、次の手法があります。



新しい演算子を使用します



これはおそらく、オブジェクトを作成する最も簡単な方法です。 オブジェクト名を作成し、それを新しいJavascriptオブジェクトと同等にするだけです。


 //オブジェクトを作成します
 var MyObject = new Object();
 //変数
 MyObject.id = 5;  //番号
 MyObject.name = "Sample";  //文字列
 //関数
 MyObject.getName = function()
 {
     this.nameを返します。
 } 


この方法の欠点は、新しく作成されたオブジェクトを1つしか操作できないことです。


 //オブジェクトを使用します
アラート(MyObject.getName()); 


リテラル表記



リテラル表記は、新しいオブジェクトを定義するためのやや珍しい方法ですが、理解するのに十分簡単です。 リテラル表記はJavascript 1.3で機能します。


 //リテラル​​表記を使用してオブジェクトを作成します
 Myobject = {
     id:1、
    名前:「サンプル」、
     boolval:true、
     getName:関数()
     {
         this.nameを返します。
     }
 } 


ご覧のとおり、これは非常に簡単です。


オブジェクト= {
識別子:値、
 ...
 } 


そして使用例:


アラート(MyObject.getName()); 


オブジェクトコンストラクター



オブジェクトコンストラクターは、繰り返し使用できるオブジェクトを作成するための強力なツールです。 オブジェクトのコンストラクターは、実際には、さまざまなパラメーターを渡すことのできる通常のJavaScript関数です。


関数MyObject(id、name)
 {

 } 


コンストラクタを作成しました。 それを使用して、オブジェクトを作成します。


 var MyFirstObjectInstance = new MyObject(5、 "Sample");
 var MySecondObjectInstace = new MyObject(12、 "Othe Sample"); 


したがって、オブジェクトのさまざまなインスタンスを作成しました。 1つのインスタンスのプロパティを変更することで、別のインスタンスのプロパティに影響を与えることを恐れずに、MyObjectオブジェクトの各インスタンスを個別に操作できるようになりました。


OOPと同様に、MyObjectにはメソッドとさまざまなプロパティがあります。 プロパティには、デフォルト値、またはオブジェクトのコンストラクターでユーザーが渡す値を割り当てることができます。


関数MyObject(id、name)
 {
     //ユーザーから渡された値
     this._id = id;
     this._name = name;
     //デフォルト値
     this.defaultvalue = "MyDefaultValue"; 
 } 


同様に、関数を作成できます。


関数MyObject(id、name)
 {
     this._id = id;
     this._name = name;
     this.defaultvalue = "MyDefaultValue"; 
    
     //現在の値を取得します
     this.getDefaultValue = function()
     {
         this.defaultvalueを返します。
     }
    
     //新しい値を設定します
     this.setDefaultValue = function(newvalue)
     {
         this.defaultvalue = newvalue;
     }
    
     //任意の関数
     this.sum = function(a、b)
     {
         return(a + b);
     }
 } 



連想配列



同様の方法は、同じタイプの多数のオブジェクトを注文するのに役立ちます。


 var MyObject = new Number();
 MyObject ["id"] = 5;
 MyObject ["name"] = "SampleName"; 



このようなオブジェクトをバイパスするには、次のループを使用できます。


 for(MyObjectのMyElement)
 {
     //バイパスコード
     // MyElement-レコード識別子
     // MyObject [MyElement]内-レコードの内容
 }



素材に基づいて小さなアウトラインが作成されています。





次の形式で視聴できます: PNG SVG


ご協力ありがとうございます。

Source: https://habr.com/ru/post/J17613/


All Articles