Question

我有一个Json，里面有文件夹和文件的层次结构我试图通过文件夹Id获取文件夹及其子文件夹中的文件数这是json

var jsonStr = {
    "hierarchy": {
        "date": "2014/09/24 15:21:23",
        "folder": {
            "name": "Root",
            "id": "Root",
            "file": [{
                "id": "22U2621210__PIN_検査報告書Ver1.0_20140923162232.xls"
            }, {
                "id": "C22-1(EU仕様)_20140923162409.xlsx"
            }, {
                "id": "Machine_Inspection_20140923162329.xlsx"
            }],
            "folder": {
                "name": "Level-1",
                "id": "1411396172645",
                "file": {
                    "id": "22U2621210__PIN_検査報告書Ver1.0_20140923162232.xls"
                },
                "folder": {
                    "name": "123",
                    "id": "1411538469568",
                    "file": [{
                        "id": "C22-1(EU仕様)_20140923162409.xlsx"
                    }, {
                        "id": "Machine_Inspection_20140923162329.xlsx"
                    }]
                }
            }
        }
    }
};

所有文件夹都带有名称和ID，如果想通过搜索其id来获取该特定文件夹及其子文件夹中的文件数例如，如果我放置文件夹name "123"和id "1411538469568"，它应该只提供2个"C22-1(EU仕様)_20140923162409.xlsx"和"Machine_Inspection_20140923162329.xlsx"的文件，但如果我放置folder name "Root"和d= "Root" 1}}它应该返回我所有文件的id

以下是我正在处理http://jsfiddle.net/ma3kno2o/

的小提琴

Answer 1

您可以使用Defiant.js

以下是您的具体搜索方案的小提琴，用于提取ID为root的元素的文件ID：名称：root：。我在这个例子中使用Defiant.js：

http://jsfiddle.net/3z8mqr3u/1/

在@Cheery的答案中，Defiant.js优于自定义搜索，以获取我必须使用一行代码的文件的ID：

var ids = JSON.search(json,  "//*[name = 'Root' and id = 'Root']/file/id");

搜索动态数据更不容易出错。 Defiant.js使用XPath表达式。查看此链接以了解更多信息：

http://defiantjs.com/

以下是其他一些选项：

您可以使用普通的JQuery

How to search JSON tree with jQuery
您可以使用JsonPath。这就像XPath for JSON文件。你可以这样做：
```
$..folder.file
```
http://goessner.net/articles/JsonPath/

https://code.google.com/p/jsonpath/

https://github.com/s3u/JSONPath
您可以使用Json-Query。它有自己的深度查询语言。 e.g：

var data = { grouped_people：{ '朋友'：[ {姓名：'史蒂夫'，国家：'新西兰'}， {name：'Bob'，国家：'美国'} ] '敌人'：[ {name：'Evil Steve'，国家：'AU'} ] } }
```
jsonQuery('grouped_people[][country=NZ]', {data: data})
```
https://github.com/mmckegg/json-query

如果你不喜欢这些中的任何一个，你可以找到更多选择： Is there a query language for JSON?

Answer 2

不是最好的（对不起，凌晨4点）解决方案，但通过递归的直接方式.. 您的结构不支持正常的同级文件夹，因此我重新配置它，以便进一步使用它的代码： http://jsfiddle.net/ma3kno2o/5/

function getFiles(id)
{
 var files = searchFolders(jsonStr.hierarchy.folders, false);
 alert('Found ' + files.length + " files\n" + JSON.stringify(files));

 function searchFolders(tree, count_files)
 {
    var data = [];     
    $.each(tree, function(key, val) {        
        var into = !count_files ? val.id == id : count_files;

        if (val.files && into)
            $.merge(data, getFiles(val.files));

        if (val.folders)
            $.merge(data, searchFolders(val.folders, into));                  

    });
    return data;
 }

 function getFiles(tree)
 { 
    var files = [];
    if (tree.id) return [tree.id]; 
    $.each(tree, function(key,val) {
       if (val.id)
          files.push(val.id);
    });
    return files;
 };
}


var jsonStr = {
    "hierarchy": {
        "date": "2014/09/24 15:21:23",
        "folders": [{
            "name": "Root",
            "id": "Root",
            "files": [{
                "id": "file.1"
            }, {
                "id": "file.2"
            }, {
                "id": "file.3"
            }],
            "folders": [{
                "name": "Level-1",
                "id": "1411396172645",
                "files": {
                    "id": "file.4"
                },
                "folders": [{
                    "name": "123",
                    "id": "1411538469568",
                    "files": [{
                        "id": "file.5"
                    }, {
                        "id": "file.6"
                    }]},
                    {
                    "name": "123",
                    "id": "1411538469569",
                    "files": [{
                        "id": "file.7"
                    }, {
                        "id": "file.8"
                    }]
                }]
            }]
        }]
    }
};

旧代码不起作用，所以我为你的新变量重写了它

http://jsfiddle.net/ma3kno2o/8/

function getFiles(id)
{
 var stp = -1;
 var files = searchFolders(jsonStr.hierarchy, false);
 alert('Found ' + files.length + " files\n" + JSON.stringify(files));

 function searchFolders(tree, count_files)
 {
     var data = [];  
     var folders = tree.folder.length > 1 ? tree.folder : [tree.folder];
     $.each(folders, function(key, val) {  
        var into = !count_files ? val.id == id : count_files;

         if (val.file && into)
            $.merge(data, getFiles(val.file));

         if (val.folder)
            $.merge(data, searchFolders(val, into));  
    });
    return data;
 }

 function getFiles(tree)
 { 
    var files = [];
    if (tree.id) return [tree.id]; 
    $.each(tree, function(key,val) {
       if (val.id)
          files.push(val.id);
    });
    return files;
 };
}


var jsonStr= {"hierarchy":{"date":"2014/09/24 18:13:00","folder":{"name":"Root","id":"Root","file":[{"id":"file.1"},{"id":"file.2"},{"id":"file.3"}],"folder":[{"name":"Level-1","id":"1411396172645","file":{"id":"file.4"},"folder":{"name":"123","id":"1411538469568","file":[{"id":"file.5"},{"id":"file.6"}],"folder":{"name":"123-a","id":"1411549962260","file":{"id":"file.7"}}}},{"name":"level-2","id":"1411549976987","file":{"id":"file.8"}}]}}};

在JavaScript中搜索Json

2 个答案: