首页  >  文章  >  web前端  >  如何使用字符串路径检索 Javascript 中的嵌套对象值?

如何使用字符串路径检索 Javascript 中的嵌套对象值?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-10-25 07:26:02857浏览

How to Retrieve Nested Object Values in Javascript Using String Paths?

使用字符串路径在 Javascript 中检索嵌套对象值

简介:

从以下位置检索值深度嵌套的对象可能是一项繁琐的任务。在这个问题中,用户寻求一个 Javascript 函数,该函数通过使用提供的字符串路径遍历对象来有效地提取值。

深度值检索函数:

提供的解决方案通过名为 deep_value() 的函数满足此要求:

<code class="javascript">function deep_value(obj, path) {
  for (var i = 0, path = path.split('.'), len = path.length; i < len; i++) {
    obj = obj[path[i]];
  }
  return obj;
}</code>

此函数接受两个参数:

  • obj:将从中检索值的目标对象。
  • path:指定所需值的路径的字符串,嵌套键用点 (.) 分隔。

函数工作流程:

该函数通过将字符串路径拆分为键数组来迭代字符串路径。然后它遍历该对象,将每个键的前一个值分配给 obj 。这允许函数在对象的嵌套结构中导航。最后,它返回与提供的路径中最后一个键对应的值。

使用示例:

为了说明用法,请考虑以下对象:

var obj = {
  foo: { bar: 'baz' }
};

要使用提供的字符串路径访问 obj.foo.bar 的值,您可以使用以下代码:

result = deep_value(obj, "foo.bar");

结果变量现在将保存值 'baz' 作为预期的。此函数提供了一种方便且通用的方式来从 Javascript 中的复杂对象中检索嵌套值。

以上是如何使用字符串路径检索 Javascript 中的嵌套对象值?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn