如何借助 jQuery 搜索 JSON 树？

给定一个JSON 对象的树，任务是找到一条特定的信息。假设我们想在该对象中找到有关特定人的信息，那么我们如何做到这一点。以下是讨论的两种方法：

方法一：在这种方法中，我们将使用each()方法，并通过使用点运算符将对象的真实数组传递给该方法，然后在匿名函数通过比较其名称来查找该人。

例子：

HTML

  

    
    

  

  
    
        GeeksForGeeks
    
      
    
  
    
        Click Here
    
      
    
  
    
        var elUp = document.getElementById("GFG_UP");
        var elDown = document.getElementById("GFG_DOWN");
  
        var GFG_Object = {
            "livingBeing": {
                "Human": [
                    {
                        "name": "GFG_1",
                        "age": 20,
                        "sex": "male"
                    }, {
                        "name": "GFG_2",
                        "age": 21,
                        "sex": "female"
                    }
                ]
            }
        };
  
        elUp.innerHTML =
            "Click on the button to search in"
            + " the JSON tree.<br>Object - "
            + JSON.stringify(GFG_Object);
  
        function gfg_Run() {
            $.each(GFG_Object.livingBeing.Human, 
                function (i, v) {
                  
                if (v.name == "GFG_1") {
                    elDown.innerHTML = 
                        "The age of person('GFG_1') is  "
                        + v.age;
                    return;
                }
            });
        }   
    

  

输出：

方法2：在这种方法中，我们将使用grep()方法并使用点运算符将实际的对象数组传递给该方法，然后返回符合条件的对象，然后我们打印该人的年龄。

例子：

HTML

  

    
    

  

  
    
        GeeksForGeeks
    
      
    
      
    
        Click Here
    
      
    
      
    
        var elUp = document.getElementById("GFG_UP");
        var elDown = document.getElementById("GFG_DOWN");
        var GFG_Object = {
            "livingBeing": {
                "Human": [
                    {
                        "name": "GFG_1",
                        "age": 20,
                        "sex": "male"
                    }, {
                        "name": "GFG_2",
                        "age": 21,
                        "sex": "female"
                    }
                ]
            }
        };
        elUp.innerHTML
            = "Click on the button to search in"
            + " the JSON tree.<br>Object - "
            + JSON.stringify(GFG_Object);
  
        function gfg_Run() {
            var res
                = $.grep(GFG_Object.livingBeing.Human, 
                function (element, index) {
                    return (element.name === 'GFG_1');
                });
            elDown.innerHTML = 
                "The age of person('GFG_1') is " 
                + res[0].age;
        }   
    

  

输出：