lodash property search in array and in nested child arrays

后端 未结 3 1111
小蘑菇
小蘑菇 2020-12-10 02:31

I have this array:

[
    {
        id: 1,
        name: \'test 1\',
        children: []
    },
    {
        id: 2,
        name: \'test 2\',
        childr         


        
相关标签:
3条回答
  • 2020-12-10 03:09

    That's a very simple tree traversal task. The easiest way to solve it is recursion (link to jsbin). It will work with any depth (with recursion limit of course) and it's one of the fastest ways with the worst complexity O(n):

    function find(id, items) {
      var i = 0, found;
    
      for (; i < items.length; i++) {
        if (items[i].id === id) {
          return items[i];
        } else if (_.isArray(items[i].children)) {
          found = find(id, items[i].children);
          if (found) {
            return found;
          }
        }
      }
    }
    

    Update:

    To find all matches - a slightly modified function (jsbin link above is updated):

    function findAll(id, items) {
      var i = 0, found, result = [];
    
      for (; i < items.length; i++) {
        if (items[i].id === id) {
          result.push(items[i]);
        } else if (_.isArray(items[i].children)) {
          found = findAll(id, items[i].children);
          if (found.length) {
            result = result.concat(found);
          }
        }
      }
    
      return result;
    }
    
    0 讨论(0)
  • 2020-12-10 03:12

    Another lodash option with children key and unlimited levels deep.

    const flattenItems = (items, key) => {
        return items.reduce((flattenedItems, item) => {
            flattenedItems.push(item)
            if (Array.isArray(item[key])) {
                flattenedItems = flattenedItems.concat(flattenItems(item[key], key))
            }
            return flattenedItems
        }, [])
    }
    
    const item = find(flattenItems(items, 'children'), ['id', 4])
    
    0 讨论(0)
  • 2020-12-10 03:13

    Using lodash, you can do something like this:

    _(data)
        .thru(function(coll) {
            return _.union(coll, _.map(coll, 'children') || []);
        })
        .flatten()
        .find({ id: 4 });
    

    Here, thru() is used to initialize the wrapped value. It's returning the union of the original array, and the nested children. This array structure is then flattened using flatten(), so you can find() the item.

    0 讨论(0)
提交回复
热议问题