首頁 >web前端 >js教程 >如何使用字串名稱存取 JavaScript 物件屬性?

如何使用字串名稱存取 JavaScript 物件屬性?

DDD
DDD原創
2024-12-17 06:49:25801瀏覽

How Can I Access JavaScript Object Properties Using String Names?

JavaScript 物件:使用字串屬性名稱存取變數屬性

在JavaScript 中,可以使用物件屬性的名稱作為屬性來擷取其值細繩。在處理動態屬性名稱或處理編譯時屬性名稱未知的巢狀物件時,此方法通常很有用。

要使用其名稱作為字串來存取物件屬性,可以使用括號表示法:

var side = columns['right'];

此表示法相當於點表示法:

var side = columns.right;

但是,括號表示法更通用,如它允許您根據變數值或函數返回值動態存取屬性:

var propertyName = 'left';
var propertyValue = columns[propertyName];

如果您喜歡使用函數透過字串名稱存取物件屬性,這裡有一個簡單的實作:

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

此函數接受一個物件和一個屬性名稱作為參數,並傳回對應屬性的值。

巢狀物件

使用巢狀物件時,您可以使用多組括號存取屬性:

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

未定義的屬性

如果嘗試存取未定義的屬性,結果將是未定義的,不為null 或假:

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn