如何使用點表示法字串有效存取嵌套 JavaScript 物件屬性？

使用點表示法字串存取物件子屬性

在 JavaScript 中，有多種方法可以存取物件屬性。但是，使用字串路徑存取嵌套屬性可能是一個挑戰。

給定一個如下物件：

var r = { a:1, b: { b1:11, b2: 99}};

考慮一個場景，您希望透過指定路徑字串來存取值 99 var s =「b.b2」。雖然 r.b.b2 或 r['b']['b2'] 等傳統方法有效，但您可能更喜歡使用更簡潔的表示法。

簡單但有效的解決方案

function getDescendantProp(obj, desc) {
    var arr = desc.split(".");
    while(arr.length && (obj = obj[arr.shift()]));
    return obj;
}

此函數迭代地將字串分割為點並導航物件結構，最終傳回請求的屬性。

範例用法

console.log(getDescendantProp(r, "b.b2"));
//-> 99

擴充

提供的函數僅支援存取巢狀物件屬性。對於更進階的用法，您也可以修改它來處理陣列索引：

function advancedGetDescendantProp(obj, desc) {
    var arr = desc.split(".");
    while(arr.length) {
        let key = arr.shift();
        if (isNaN(key)) {
            obj = obj[key];
        } else {
            obj = obj[parseInt(key)];
        }
        if (!obj) return undefined;
    }
    return obj;
}

以上是如何使用點表示法字串有效存取嵌套 JavaScript 物件屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！