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