深度减少(也许是采摘?)对象数组

Question

我有lodash用于此（或下划线）。我正在尝试获取一个对象数组并将它们转换为一个归结的对象数组。让我告诉你。

$scope.myObject = [{
    name: 'Name1', 
    subs: [
        {
            name: 'Sub 1', 
            subs: [
                    {
                        name: 'Sub 1-1', 
                        apps: [
                            {
                            name: 'App 1' 
                            }
                        ]
                    }
            ],
            apps: [
                    {
                        name: 'App'
                    }
            ]
        }

这是原始对象（至少是它的一个节点）。我想要的效果是将其归结为一组对象，这些对象只是"应用程序"。正如您在这里看到的，应用程序可以落在任何级别 - 因此它需要某种深度搜索/减少。这些对象可能会深入 10 个级别，并且在任何级别上都有一个应用数组。所以我试图将其归结为一个平面数组，例如这个对象将变成：

 [{'name' : 'App 1'},{'name' : 'App'}];

我对这种对象操作仍然很陌生，所以我可以使用一些指导。谢谢！

Answer 1

function pluckRecursive(input, prop, collect) {
    collect = collect || [];
    if (_.isArray(input)) {
        _.forEach(input, function (value, key) {
            pluckRecursive(value, prop, collect);
        })    
    } else if (_.isObject(input)) {
        _.forEach(input, function (value, key) {
            if (key === prop) {
                collect.push(value);
            } else {
                pluckRecursive(value, prop, collect);
            }
        })    
    }
    return collect;
};

当像这样使用时

pluckRecursive($scope.myObject, 'apps')

返回：

[[{"name":"App 1"}], [{"name":"App"}]]

使用_.flatten()来摆脱嵌套数组。

Answer 2

你可以像这样使用深度reduce：

const deepReduce = require('deep-reduce')
let apps = deepReduce($scope.myObject, (arr, value, path) => {
  if (path.match(/subs.d+.apps.d+$/) {
    arr.push(value)
  }
  return arr
}, [], 'subs')

代码说明：

• (arr, value, path) => ...是减速器功能。它应该始终返回累积值，这里是应用程序数组。累积值作为第一个参数传递给化简器。
• value 是对象树中的任何值。它可能是subs数组、subs数组中的对象或叶值，如 subs.0.name 。
• path是找到当前传递value的位置。例如subs.0.subs.0.apps .数组的键是数字，这里0.
• subs.d+.apps.d+$匹配以 subs.digit.apps.digit 结尾的任何路径。我从一开始就省略了^，因为有些应用程序嵌套在 subs subs 中。您可以在此处尝试正则表达式：https://regex101.com/r/n1RfVv/1
• []是 arr 的初始值。
• 'subs'告诉deepReduce从该路径开始，这意味着不会遍历根对象中的name或任何其他属性。

速度

根据对象的大小，这可能会很慢，因为deep-reduce遍历整个对象树。如果可能，定义起始路径以限制遍历，如上例中给出'subs'。

如果数据源变化不大，则可能需要抓取数据源、清理数据源并提供自己的 API。

内部工作原理

如果您对deep-reduce的工作原理感兴趣，可以在此处阅读代码：https://github.com/arve0/deep-reduce/blob/master/index.ts

Answer 3

以下是使用对象扫描的两种解决方案。第一个在任何地方搜索应用程序，第二个仅在嵌套subs中搜索应用程序。

// const objectScan = require('object-scan');
const myObject = [{ name: 'Name1', subs: [{ name: 'Sub 1', subs: [{ name: 'Sub 1-1', apps: [{ name: 'App 1' }] }], apps: [{ name: 'App' }] }] }];
console.log(objectScan(['**.apps[*]'], { rtn: 'value' })(myObject));
// => [ { name: 'App' }, { name: 'App 1' } ]
console.log(objectScan(['**(^subs$).apps'], { rtn: 'value', useArraySelector: false })(myObject));
// => [ { name: 'App' }, { name: 'App 1' } ]

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

<script src="https://bundle.run/object-scan@13.8.0"></script>

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

Answer 4

您可以使用

_.get

var object = { 'a': [{ 'b': { 'c': 3 } }] };
 
_.get(object, 'a[0].b.c');
// => 3
 
_.get(object, ['a', '0', 'b', 'c']);
// => 3
 
_.get(object, 'a.b.c', 'default');
// => 'default'