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

在JavaScript 中使用點表示法字串存取巢狀物件屬性

操作物件時，通常需要存取深度嵌套的屬性。雖然點表示法和括號表示法可以實現這一點，但它們需要單獨指定每個嵌套層級。對於複雜的物件來說，這可能會變得乏味且容易出錯。

實用的解決方案是利用點表示法字串直接存取子物件屬性。想像一個具有以下結構的物件：

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

要使用點表示法存取值99，您通常會編寫：

r.b.b2;

但是，如果您想要動態存取使用變數字符串的屬性，例如：

const s = "b.b2";

在這種情況下，使用簡單的點表示法（例如， r.s)或方括號表示法 (r[s]) 不起作用。

用於屬性檢索的自訂函數

一種方法是建立一個自訂函數來分割字串並迭代存取屬性：

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

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

此函數簡化了對巢狀屬性的存取使用字串表示。您也可以透過相應地修改分割字元來擴展它以處理數組索引存取。

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