LoDash

Question

我有以下合集。每个对象可能有一个 children 个对象数组，它可能有一个 children 个对象数组，依此类推...

[
  {
    "name": "John",
    "age": 24,
    "children": [
      {
        "name": "Jack",
        "age": 53,
        "children": [
          {
            "name": "Jenny",
            "age": 88
          }
        ]
      }
    ]
  },
  {
    "name": "George",
    "age": 45,
    "children": [
      {
        "name": "Chris",
        "age": 38,
        "children": [
          {
            "name": "Nick",
            "age": 35,
            "children": [
              {
                "name": "Maria",
                "age": 63
              }
            ]
          }
        ]
      }
    ]
  }
]

我想递归地展平集合以获得以下结果：

[
  {
    "name": "John",
    "age": 24
  },
  {
    "name": "Jack",
    "age": 53
  },
  {
    "name": "Jenny",
    "age": 88
  },
  {
    "name": "George",
    "age": 45
  },
  {
    "name": "Chris",
    "age": 38
  },
  {
    "name": "Nick",
    "age": 35
  },
  {
    "name": "Maria",
    "age": 63
  }
]

我如何在 lodash.js?

中执行此操作

Answer 1

您可以使用递归函数在每个子元素上调用自身并将其连接到同一个数组中：

function listPeople(list) {
    var people = [];

    for (var person in list) {
         people.push({name: person.name, age: person.age});
         if (person.children) {
              var children = listPeople(person.children);
              people = people.concat(children);
         }
    }

    return people;
}

然后只给它你的第一个数组，第二个应该返回。

Answer 2

尝试：

var data=[{"name":"John","age":24,"children":[{"name":"Jack","age":53,"children":[{"name":"Jenny","age":88}]}]},{"name":"George","age":45,"children":[{"name":"Chris","age":38,"children":[{"name":"Nick","age":35,"children":[{"name":"Maria","age":63}]}]}]}]

function getPeople(persons){
  var result = [];
  _.each(persons, function(person){
    result.push({name: person.name, age: person.age});
    person.children && (result = _.union(result,getPeople(person.children)))
  });
  return result
}

document.write(JSON.stringify(getPeople(data)))

<script src="https://lodash.com/_js/lodash.js"></script>

Answer 3

你可以试试：

var _ = require('lodash');
var a = [
    {
        "name": "John",
        "age": 24,
        "children": [
            {
                "name": "Jack",
                "age": 53,
                "children": [
                    {
                        "name": "Jenny",
                        "age": 88
                    }
                ]
            }
        ]
    },
    {
        "name": "George",
        "age": 45,
        "children": [
            {
                "name": "Chris",
                "age": 38,
                "children": [
                    {
                        "name": "Nick",
                        "age": 35,
                        "children": [
                            {
                                "name": "Maria",
                                "age": 63
                            }
                        ]
                    }
                ]
            }
        ]
    }
];

var list = [];
function filter(arr, items){
    if(_.isArray(arr) && _.isArray(items)){
        _.forEach(items, function(item){
            if(item.name && item.age) {
                arr.push({
                    name: item.name,
                    age: item.age
                });
            }
            if(item.children && _.isArray(item.children)){
                filter(arr,item.children);
            }
        });
    }
}

filter(list, a);
console.log(list);

LoDash - DeepFlatten 对象数组

LoDash - DeepFlatten array of objects

javascript

collections

flatten