javascript - 嵌套对象中匹配键值对的路径

标签 javascript jquery

我试图在嵌套对象中实现搜索。

   // Returns an array of matching objects
    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 (!$.isNumeric(obj[key]) && i == key && obj[key].toLowerCase().match(val)) {
                objects.push(obj);
            }
        }
        return objects;
    }

该函数根据提供的键值对返回匹配对象。

我想要的是找到键值对的对象的路径。

示例数据

TestObj = {
    "Categories": [{
        "Product1": [{
            "id": "a01",
            "name": "Pine",
            "description": "Short description of pine."
        }, {
            "id": "a02",
            "name": "Pine",
            "description": "Short description of pine."
        }, {
            "id": "a03",
            "name": "Poplar",
            "description": "Short description of poplar."
        }],
        "id": "A",
        "title": "Cheap",
        "description": "Short description of category A."
    }, {
        "Product2": [{
            "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."
        }]
    }]
};

我正在尝试编写一个函数

function objPath(obj, key, val, path) {
    var result = [];
    var passName = '';
    if (path) {
        passName = path;
    }
    var tempArray = [];
    for (var prop in obj) {
        var value = obj[prop];
        if (typeof value === 'object') {
            tempArray = objPath(value, key, val, passName);
            $.each(tempArray, function (k, value) {
                result.push(value);
            });
        } else if (prop == key && obj[key].toLowerCase().match(val)) {
            result.push(obj[key]);
        }
    }
    return result;
}

如果我将函数调用为

objPath(TestObj, 'id', 'b03');

应该返回 Categories > Product2 > 3rd Row

但我得到的只是 key 。如何修复 objPath 函数以获得所需的结果

最佳答案

我写了一个自定义函数

function objPath(obj, key, val, path) {
    var result = [];
    var passName = '';
    if (path) {
        passName = path;
    }
    var tempArray = [];
    for (var prop in obj) {
        var value = obj[prop];
        if (typeof value === 'object') {
            tempArray = objPath(value, key, val, passName);
            $.each(tempArray, function (k, value) {
                result.push(value);
            });
        } else if (!$.isNumeric(obj[key]) && prop == key && obj[key].toLowerCase().match(val)) {
            result.push(passName + '["' + obj[prop] + '"]');
        } else {
            if ($.isNumeric(obj[prop])) {
                //passName += ' > ' + obj[prop];
            } else {
                passName += '["' + obj[prop] + '"]';
            }
        }
    }
    return result;
}

哪个会返回

["Categories"]["Product2"]["b03"]

关于javascript - 嵌套对象中匹配键值对的路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20214798/

相关文章:

jquery - 如何处理 jquery ajax 与 jsp 数据库更新?

javascript - 如何在特定div中使用window.find()?

jquery ajax传递具有相同键的多个值的数据

javascript - float 关闭按钮

javascript - 保留上次检索的数据表更改数据源 header

javascript - JS中是否有相当于 "Array.None"的东西?

javascript - HTML radio 和复选框输入组合?

javascript - jQuery CSS .hide 不完整

javascript - 如何在javascript中将列表设置为剑道网格数据源?

javascript - 在弹出窗口中播放/暂停YouTube视频