如何動態新增屬性至 JavaScript 物件？

JavaScript 物件中的動態屬性新增

在 JavaScript 中，處理物件時，可能需要新增名稱為直到執行時才知道。這可能會帶來挑戰，因為物件屬性傳統上是用靜態名稱聲明的。

解決方案：動態屬性命名

為了克服這個障礙，JavaScript 提供了一種方法來新增使用屬性存取器語法的具有動態名稱的屬性。考慮以下程式碼：

var data = {
    'PropertyA': 1,
    'PropertyB': 2,
    'PropertyC': 3
};

var propName = 'Property' + someUserInput; // e.g., 'PropertyZ'
data[propName] = 4;

透過將 [] 語法與包含屬性名稱的變數一起使用，您可以動態地將屬性新增至物件。這在處理使用者輸入或來自伺服器的資料（在運行時確定屬性名稱）時特別有用。

要存取動態新增的屬性，您可以使用.或[] 語法：

alert(data.PropertyD); // 4
alert(data["PropertyD"]); // 4

這種方法可讓您在初始建立物件後使用新屬性擴充對象，從而為JavaScript應用程式中的資料管理提供靈活性和適應性。

以上是如何動態新增屬性至 JavaScript 物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！