在 JSON 对象上使用 jQuery 的 find()

Question

类似于 brnwdrng 的问题，我正在寻找一种方法来搜索类似 JSON 的对象。
假设我的对象的结构是这样的：

TestObj = {
    "Categories": [{
        "Products": [{
            "id": "a01",
            "name": "Pine",
            "description": "Short description of pine."
        },
        {
            "id": "a02",
            "name": "Birch",
            "description": "Short description of birch."
        },
        {
            "id": "a03",
            "name": "Poplar",
            "description": "Short description of poplar."
        }],
        "id": "A",
        "title": "Cheap",
        "description": "Short description of category A."
    },
    {
        "Product": [{
            "id": "b01",
            "name": "Maple",
            "description": "Short description of maple."
        },
        {
            "id": "b02",
            "name": "Oak",
            "description": "Short description of oak."
        },
        {
            "id": "b03",
            "name": "Bamboo",
            "description": "Short description of bamboo."
        }],
        "id": "B",
        "title": "Moderate",
        "description": "Short description of category B."
    }]
};

我想得到一个 id="A" 的对象。

我尝试过各种方法，例如：

$(TestObj.find(":id='A'"))

但似乎没有任何效果。

任何人都可以想出一种基于某些标准检索项目而不使用“each”的方法吗？

Answer 1

jQuery 不适用于普通对象文字。您可以以类似的方式使用下面的函数来搜索所有“id”（或任何其他属性），无论其在对象中的深度如何：

function getObjects(obj, key, val) {
    var objects = [];
    for (var i in obj) {
        if (!obj.hasOwnProperty(i)) continue;
        if (typeof obj[i] == 'object') {
            objects = objects.concat(getObjects(obj[i], key, val));
        } else if (i == key && obj[key] == val) {
            objects.push(obj);
        }
    }
    return objects;
}

像这样使用：

getObjects(TestObj, 'id', 'A'); // Returns an array of matching objects

Answer 2

纯 javascript 解决方案更好，但 jQuery 方法是使用 jQuery grep 和/或 map 方法。
可能并不比使用 $.each

jQuery.grep(TestObj, function(obj) {
    return obj.id === "A";
});

或

jQuery.map(TestObj, function(obj) {
    if(obj.id === "A")
         return obj; // or return obj.name, whatever.
});

返回匹配对象的数组或在地图的情况下查找值的数组好多少。只需使用这些也许就能做你想做的事。

但在这个示例中，您必须执行一些递归，因为数据不是平面数组，并且我们接受任意结构、键和值，就像纯 JavaScript 解决方案一样。

function getObjects(obj, key, val) {
    var retv = [];

    if(jQuery.isPlainObject(obj))
    {
        if(obj[key] === val) // may want to add obj.hasOwnProperty(key) here.
            retv.push(obj);

        var objects = jQuery.grep(obj, function(elem) {
            return (jQuery.isArray(elem) || jQuery.isPlainObject(elem));
        });

        retv.concat(jQuery.map(objects, function(elem){
            return getObjects(elem, key, val);
        }));
    }

    return retv;
}

本质上与 Box9 的答案相同，但在有用的地方使用 jQuery 实用函数。

·······

Answer 3

这对我有用 [{"id":"data"},{"id":"data"}]

function getObjects(obj, key, val) 
{
    var newObj = false; 
    $.each(obj, function()
    {
        var testObject = this; 
        $.each(testObject, function(k,v)
        {
            //alert(k);
            if(val == v && k == key)
            {
                newObj = testObject;
            }
        });
    });

    return newObj;
}

Answer 4

对于一维 json 你可以使用这个：

function exist (json, modulid) {
    var ret = 0;
    $(json).each(function(index, data){
        if(data.modulId == modulid)
            ret++;
    })
    return ret > 0;
}

Answer 5

您可以使用 JSONPath

执行以下操作：

results = JSONPath(null, TestObj, "$..[?(@.id=='A')]")

请注意，JSONPath 返回一个数组结果

（我还没有测试表达式“$..[?(@.id=='A')]”顺便说一句。也许它需要在浏览器控制台的帮助下进行微调）

Answer 6

我想提到的另一个选项是，您可以将数据转换为 XML，然后按照您想要的方式使用 jQuery.find(":id='A'")。

有一些 jQuery 插件可以实现此效果，例如 json2xml。

可能不值得转换开销，但这对于静态数据来说是一次性成本，因此它可能很有用。