首页 > 解决方案 > 使用 Javascript 获取 JSON 元素的子元素?

问题描述

如果我有一个看起来像这样的 Json 文件:

{
  "numbers":{
     "firstnum":"one",
     "secondnum":"two",
     "thirdnum":"three",
     "fourthnum":"four",
     "fifthnum":"five"
  }
}

我想使用 JavaScript 获取第三个数字(三)的值。而不是做...

jsonObject.numbers.thirdnum

有没有办法可以使用某种子项或索引方法来选择该值?例如像这样的东西......

jsonObject.numbers.children[2]

标签: javascriptjson

解决方案


首先,您必须将 JSON 转换为 JavaScript:

const object = JSON.parse(string_of_json);

然后,您可以使用类上的适当方法Object获取对象属性、键或两者的数组。

Object.keys(object.numbers)[2];
Object.values(object.numbers)[2];
Object.entries(object.numbers)[2];

由于无法保证订单,因此这通常没有用,除非您想对返回的件商品进行处理。

如果您想按位置访问它们,那么您通常应该编写原始 JSON 以使用数组而不是对象。

{
    "numbers": [ "one", "two", "three", "four", "five" ]
}

推荐阅读