在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中文網其他相關文章！
