如何使用字串作為屬性名稱來存取 JavaScript 物件屬性？

以字串形式的名稱存取JavaScript 物件屬性

使用JavaScript 物件時，通常需要按名稱存取屬性，這些名稱可以動態取得或從使用者取得輸入。此問題解決如何編寫一個函數來根據表示為字串的名稱檢索屬性值。

解

提供的解法提供兩種方法：

括號表示法：

這是以動態名稱存取屬性的首選方法。它涉及使用括號([])，例如：

var side = columns['right'];

函數（使用括號表示法）：

如果您特別需要一個函數，您可以使用：

function read_prop(obj, prop) {
    return obj[prop];
}

巢狀物件

如果您的物件是巢狀的，您可以使用多個括號存取屬性值。例如，使用物件：

var foo = { a: 1, b: 2, c: { x: 999, y: 998, z: 997 } };

您可以像這樣存取屬性x：

var cx = foo['c']['x'];

未定義的屬性

如果嘗試的屬性參考導致未定義的屬性，它將傳回未定義（不是null 或false）。例如：

foo['c']['q'] === null // returns false
foo['c']['q'] === false // returns false
foo['c']['q'] === undefined // returns true

以上是如何使用字串作為屬性名稱來存取 JavaScript 物件屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！