16

我有一些嵌套的对象数据，我想搜索它并根据 id 返回匹配的对象。

var data = [{id: 0, name: 'Template 0', subComponents:[
        {id: 1, name: 'Template 1', subItems:[
            {id: 2, name: 'Template 2', subComponents:[{id: 3, name: 'Template 3'}], subItems: [{id: 4, name: 'Template 4'}]}
        ]}
    ]}
];

所以我想做这样的事情

getObjectByKeyValue({id: 3})

并让它返回

{id: 3, name: 'Template 3'}

这有点必须通用，因为我有 subItems 和 subComponents，它们每个都有孩子。

我使用 Prototype 1.7 尝试了这个但没有运气 - 我认为这只是搜索一个数组，而不是一个带有它的子节点的树：

data.find(function(s){return s.id == 4;})

提前致谢！！！！！！

4

5 回答 5

16

我走了一条稍微不同的路线，并将该findKey方法设为 Object 原型：

Object.prototype.findKey = function(keyObj) {
    var p, key, val, tRet;
    for (p in keyObj) {
        if (keyObj.hasOwnProperty(p)) {
            key = p;
            val = keyObj[p];
        }
    }

    for (p in this) {
        if (p == key) {
            if (this[p] == val) {
                return this;
            }
        } else if (this[p] instanceof Object) {
            if (this.hasOwnProperty(p)) {
                tRet = this[p].findKey(keyObj);
                if (tRet) { return tRet; }
            }
        }
    }

    return false;
};

您可以直接在数据对象上调用它，并传入您要查找的键/值：

data.findKey({ id: 3 });

请注意，此函数允许您根据任何键查找对象：

data.findKey({ name: 'Template 0' });

见示例→（打开控制台查看结果）

于 2011-03-27T05:15:21.477 回答
4

不是最好的和最终的解决方案。但可以让你开始你正在寻找的东西......

var data = [{id: 0, name: 'Template 0', subComponents:[
        {id: 1, name: 'Template 1', subItems:[
            {id: 2, name: 'Template 2', subComponents:[{id: 3, name: 'Template 3'}], subItems: [{id: 4, name: 'Template 4'}]}
        ]}
    ]}
];


function returnObject(data,key,parent){
    for(var v in data){

        var d = data[v];
        if(d==key){
            return parent[0];
        }
        if(d instanceof Object){
            return returnObject(d,key,data);
        };

    }
}

function returnObjectWrapper(datavar,key){
    return returnObject(datavar,key.id)
}

returnObjectWrapper(data,{id:3})
于 2011-03-26T16:36:03.657 回答
1

请在下面查看我的解决方案或http://jsfiddle.net/8Y6zq/：

var findByKey = function (obj, key) {
var j, key = key || '', obj = obj || {}, keys = key.split("."), 
    sObj = [], ssObj = [], isSelector = !!(keys.length > 0);

    var findKey = function (obj, key) {
        var k;
        for (k in obj) {
            if (k === key) {
                sObj.push(obj[k]);
            } else if (typeof obj[k] == 'object') {
                findKey(obj[k], key);
            }
        }
    };

    if (isSelector) {
        var nKey = keys.shift();
        findKey(obj, nKey);

        while (keys.length > 0) {
            nKey = keys.shift();

            if (sObj.length > 0) {
                ssObj = sObj.slice(0), sObj = [];
                for (j in ssObj) {
                    findKey(ssObj[j], nKey);
                }
            }
        }
    } else {
        findKey(obj, key);
    }

    // return occurrences of key in array
    return (sObj.length === 1) ? sObj.pop() : sObj;
};

var data = [
    {id: 0, name: 'Template 0', subComponents: [
            {id: 1, name: 'Template 1', subItems: [
            {id: 2, name: 'Template 2', subComponents: [
                {id: 3, name: 'Template 3'}
            ], subItems: [
                {id: 4, name: 'Template 4'}
            ]}
        ]}
    ]},
    {subComponents:{
        comp1:'comp1 value',
        comp2:'comp2 value',
    }}
];

alert(JSON.stringify(findByKey(data, 'subComponents')));
alert(JSON.stringify(findByKey(data, 'subComponents.comp1')));
alert(JSON.stringify(findByKey(data, 'subComponents.comp2')));

在这个实现中，我们可以使用 KEY 或 SELECTOR 搜索（例如"<paren_key>.<child_key_1>.<child_key_2>. ... <child_key_N>"）

于 2012-06-08T12:32:51.590 回答
0

如果您确实需要通过树数据搜索返回所有结果（不是唯一键），这里是 mVChr 答案的一个小修改版本：

Object.prototype.findKey = function (keyObj) {
var p, key, val, tRet;
var arr = [];

for (p in keyObj) {
    if (keyObj.hasOwnProperty(p)) {
        key = p;
        val = keyObj[p];
    }
}

for (p in this) {
    if (p == key) {
        if (this[p] == val) {
            arr.push(this);
        }
    } else if (this[p] instanceof Object) {
        if (this.hasOwnProperty(p)) {
            tRet = this[p].findKey(keyObj);
            if (tRet) {
                for (var i = 0; i < tRet.length; i++)
                    arr.push(tRet[i]);
            }
        }
    }
}

if (arr.length > 0)
    return arr;
else
    return false;
};
于 2014-01-17T19:55:16.427 回答
0

我们现在使用对象扫描来完成这样的数据处理任务。一旦您了解如何使用它，它就会非常强大。以下是您回答问题的方式

// const objectScan = require('object-scan');

const find = (id, input) => objectScan(['**'], {
  abort: true,
  rtn: 'value',
  filterFn: ({ value }) => value.id === id
})(input);

const data = [{ id: 0, name: 'Template 0', subComponents: [{ id: 1, name: 'Template 1', subItems: [{ id: 2, name: 'Template 2', subComponents: [{ id: 3, name: 'Template 3' }], subItems: [{ id: 4, name: 'Template 4' }] }] }] }];

console.log(find(3, data));
// => { id: 3, name: 'Template 3' }
.as-console-wrapper {max-height: 100% !important; top: 0}
<script src="https://bundle.run/object-scan@13.8.0"></script>

免责声明：我是对象扫描的作者

于 2020-10-25T02:50:02.407 回答