如何使用lodash/js递归过滤嵌套对象？-前端问题

How can I use Lodash/JS to recursively filter nested objects?(如何使用lodash/js递归过滤嵌套对象？)

本文介绍了如何使用lodash/js递归过滤嵌套对象？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个包含未知深度的对象的数组，如下所示

var objects = [{
    id: 1,
    name: 'foo'
}, {
    id: 2,
    name: 'bar',
    childs: [{
        id: 3,
        name: 'baz',
        childs: [{
            id: 4,
            name: 'foobar'
        }]
    }]
}];

我希望能够通过ID对特定子对象进行过滤操作。目前，我正在使用这个小的lowash脚本(参见this question)，但它只适用于不超过一个级别的对象。因此，搜索id: 1和id: 2可以很好地工作，而搜索id: 3或id: 4将返回未定义。

function deepFilter(obj, search) {
    return _(obj)
        .thru(function(coll) {
            return _.union(coll, _.map(coll, 'children'));
        })
        .flatten()
        .find(search);
}

A little JSfiddle.

推荐答案

您可以采用迭代和递归方法。

function find(id, array) {
    var result;
    array.some(o => o.id === id && (result = o) || (result = find(id, o.children || [])));
    return result;
}

var objects = [{ id: 1, name: 'foo' }, { id: 2, name: 'bar', children: [{ id: 3, name: 'baz', children: [{ id: 4, name: 'foobar' }] }] }];

console.log(find(1, objects));
console.log(find(2, objects));
console.log(find(3, objects));
console.log(find(4, objects));

.as-console-wrapper { max-height: 100% !important; top: 0; }

这篇关于如何使用lodash/js递归过滤嵌套对象？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！