从本地嵌套的JSON对象检索数据

Question

我做了一个小的测试页面，看起来像这样：

<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
    <title>Get JSON Value</title>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

</head>
<body>

    <script>

        var json = $.getJSON("../js/report.json", function(data) 
        {
            var items = [];

            $.each(data, function (key, value)
            {
                items.push(key + " " + value);  
            });

            alert(items[3]);
        });

    </script>

</body>
</html>

它从本地服务器上存储的本地JSON文件中提取数据。

JSON对象如下所示：

{
  "reportTitle": "Results",
  "inlineAssets": false,
  "stats": {
    "suites": 7,
    "tests": 13,
    "passes": 11,
    "pending": 0,
    "failures": 2,
    "start": "2016-08-11T13:30:48.362Z",
    "end": "2016-08-11T13:31:29.433Z",
    "duration": 41071,
    ...
}

alert(items[2]); 给我stats [object Object] alert(items[3]); 给我suites [object Object]

我可以检索suites ， tests和passes吗？ 因此，警报的输出将为suites 7 ， tests 13和passes 11 。

编辑：

理想情况下，我想将这些值存储在它们自己的变量中，而不是仅将alert或console.log 。

编辑david 在这里输入图片描述

编辑3：

我试过了：

console.log(items[2].suites); => undefined

Answer 1

您没有将统计信息推送到项目数组。 这就是为什么您无法获取数据的原因。 尝试使其更简单

var json = $.getJSON("../js/report.json", function(data) {
    var stats = data.stats;
    $.each(stats, function(key, val){
       alert(key + " " + val)
    });
});

模拟实例

Answer 2

这是一种检索suites ， tests和passes 。

检索suites数量=> items[3].stats.suites

检索tests数=> items[3].stats.tests

检索passes => items[3].stats.passes

将括号内的3替换为所需的索引号。

编辑

您可以忘记我上面的答案。 这是真正的答案。 我对您的代码做了一些修改，以获得所需的答案。

var items=[];
function recursive(data){
    $.each(data, function (key, value)
    {
        if (value instanceof Object) {
            recursive(value);
        } else {
            items.push(key + " " + value);
        }
    });
}

var json = $.getJSON("report.json", function(data) 
{
    recursive(data);
    console.log(items[2]); // return 'suites 7'
    console.log(items[3]); // return 'tests 13'
    console.log(items[4]); // return 'passes 11'
});

由于对象内部有一个对象，因此我必须使用递归来跟踪所有数据。

从本地嵌套的JSON对象检索数据

问题描述

2 个解决方案

解决方案1
2 2016-08-12 08:29:29

解决方案2
1 已采纳 2016-08-12 08:29:58

从本地嵌套的JSON对象检索数据

问题描述

2 个解决方案

解决方案1 2 2016-08-12 08:29:29

解决方案2 1 已采纳 2016-08-12 08:29:58

解决方案1
2 2016-08-12 08:29:29

解决方案2
1 已采纳 2016-08-12 08:29:58