如何使用javascript動態(tài)創(chuàng)建對象的屬性

如何使用javascript動態(tài)創(chuàng)建對象的屬性？針對這個問題，這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

   面向?qū)ο蟮腏avaScript在客戶端編碼時提供了極大的靈活性，Javascript對象上的屬性有助于設(shè)置可在對象內(nèi)使用以管理和使用數(shù)據(jù)的值。

我對JavaScript中屬性的理解，在javascript中，可以通過在文字對象上定義變量來創(chuàng)建屬性。

例如

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

現(xiàn)在可以通過使用來訪問這些屬性

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

同樣，類似地，它們也可以在對象Object內(nèi)的函數(shù)內(nèi)使用。

例如：

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

現(xiàn)在我們知道如何在javascript對象上創(chuàng)建屬性，讓我們看看如何在Javascript上創(chuàng)建動態(tài)屬性

有兩種方法可以做到這一點

在Javascript對象上定義類似于Array的動態(tài)屬性

讓我們采用與上面相同的例子：

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

在對象Objo上創(chuàng)建動態(tài)屬性，我們可以這樣做：

obj['property_name'] = 'some_value';

它的作用是，它在對象上創(chuàng)建一個obj新屬性可以訪問它作為console.log（obj.property_name）;

這將在控制臺上輸出值some_value

使用Object.defineProperty定義動態(tài)屬性。

例：

// 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

關(guān)于如何使用javascript動態(tài)創(chuàng)建對象的屬性問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。