首页 > web前端 > js教程 > 如何使用字符串访问嵌套 JavaScript 对象属性?

如何使用字符串访问嵌套 JavaScript 对象属性?

DDD
发布: 2024-11-20 15:35:16
原创
641 人浏览过

How to Access Nested JavaScript Object Properties Using a String?

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

使用链点表示法访问 JavaScript 对象的子属性是一项常见的编程任务。但是,使用这种方法进行动态属性访问时存在限制。

考虑以下对象:

var r = { a: 1, b: { b1: 11, b2: 99 } };
登录后复制

要访问 b2 的值,可以使用标准点表示法:

r.b.b2
登录后复制

但是,如果需要基于字符串的动态属性访问,例如:

var s = "b.b2";
登录后复制

像 r.s 或 r[s] 这样的直接尝试将会失败。一种解决方案是使用自定义函数来迭代字符串段来检索属性:

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

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

This function effectively simulates the behavior of dot notation by breaking down the string and recursively accessing the corresponding properties. However, it is important to note that this method works best for simple object property scenarios. Arrays can also be accessed using this approach by treating elements as dotted properties:
登录后复制

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

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板