jquery grep on json object array

sharpiemarker1 picture sharpiemarker1 · Jun 7, 2011 · Viewed 18.8k times · Source

Im trying to use grep to filter a json object array so that the array is searched and if the value of any of keys #2-6 are yes, the value of keys 1 and 7 are returned.

The array is below -- in other words, if any of values for the 'location' keys are yes, the name and description are returned as list items.

Any help is VERY much appreciated.

[
    {
        "name": "name",
        "location1": "no",
    "location2": "no",
    "location3": "yes",
    "location4": "no",
    "location5": "no",
    "description": "description of services"
    },

    {   
    "name": "name",
        "location1": "yes",
    "location2": "no",
    "location3": "yes",
    "location4": "no",
    "location5": "no",
    "description": "description of services"        
    }
]

Answer

mVChr picture mVChr · Jun 7, 2011

You will need to use both grep and map. If a is the array described above (but with name1, name2, etc), then after the following:

var b = $.grep(a, function(el, i) {
    return el.location1.toLowerCase() === "yes" 
           || el.location2.toLowerCase() === "yes" 
           || el.location3.toLowerCase() === "yes" 
           || el.location4.toLowerCase() === "yes" 
           || el.location5.toLowerCase() === "yes";
});

var c = $.map(b, function(el, i) {
    return {
        name: el.name,
        description: el.description
    };
});

c will contain [{"name":"name1","description":"description of services1"},{"name":"name2","description":"description of services2"}]

See example →