JavaScriptを使用してオブジェクトのプロパティを動的に作成する

オブジェクト指向 JavaScript は、クライアント側でコーディングする際に優れた柔軟性を提供し、JavaScript オブジェクトのプロパティは、データを管理および使用するためにオブジェクト内で使用できる値を設定するのに役立ちます。

JavaScript のプロパティについての私の理解は、JavaScript ではテキスト オブジェクトに変数を定義することでプロパティを作成できるということです。

例

var obj = {
   property1: '',
   property2: ''
   };

これらのプロパティは、

obj.property1 = 'some value';
obj.property2 = 'some other value';

を使用してアクセスできるようになりました。また、同様に、オブジェクト Object 内の関数内でも使用できます。

例:

var obj = {
   property1: '',
   property2: '',
   foo : function(){
           console.log(obj.property1);
   }};

JavaScript オブジェクトでプロパティを作成する方法がわかったので、JavaScript で動的プロパティを作成する方法を見てみましょう

これを行うには 2 つの方法がありますこれ

JavaScript オブジェクトでの配列のような動的プロパティの定義

上記と同じ例を見てみましょう:

var obj = {
   property1: '',
   property2: ''
   };

オブジェクト Objo 内で、オブジェクトの動的プロパティの場合、これを行うことができます:

obj['property_name'] = 'some_value';

これが行うことは、オブジェクトに新しいプロパティ obj を作成し、console.log(obj.property_name);

としてアクセスできることです。

これにより、値 some_value

がコンソールに出力されます。Object.defineProperty を使用して動的プロパティを定義します。

例:

// Example of an object property added with defineProperty with a data property descriptor
Object.defineProperty(obj, "property3", {value : 'some value',
                           writable : true,
                           enumerable : true,
                           configurable : true});
// 'property3' property exists on object obj and its value is 37

以上がJavaScriptを使用してオブジェクトのプロパティを動的に作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。