如何使用点表示法字符串访问嵌套 JavaScript 对象属性？

使用点表示法字符串访问嵌套对象属性

使用复杂对象时，访问深度嵌套的属性可能是一个麻烦的过程。标准 JavaScript 语法需要手动导航属性层次结构，这可能会变得乏味且容易出错。此问题促使人们寻找替代方法来简化此任务。

一个受欢迎的解决方案是能够使用点表示法字符串访问嵌套属性。但是，JavaScript 本身并不支持此功能。这是一个允许此功能的简单函数：

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

使用此函数，您可以使用字符串访问深度嵌套的属性：

var r = { a: 1, b: { b1: 11, b2: 99 } };
console.log(getDescendantProp(r, "b.b2")); // 99

请注意，也可以使用此方法通过将数组元素的数字索引指定为点表示法字符串的一部分来访问数组元素：

getDescendantProp({ a: [1, 2, 3] }, 'a.2'); // 3

以上是如何使用点表示法字符串访问嵌套 JavaScript 对象属性？的详细内容。更多信息请关注PHP中文网其他相关文章！