javascript - 使用 lodash 递归收集属性值

Question

对于嵌套的复杂对象或数组，我想收集给定属性名称的所有值。示例:

var structure = {
    name: 'alpha',
    array: [
        { name: 'beta' },
        { name: 'gamma' }
    ],
    object: {
        name: 'delta',
        array: [
            { name: 'epsilon' }
        ]
    }
};

// expected result:  [ 'alpha', 'beta', 'gamma', 'delta', 'epsilon' ]

很明显如何使用纯 JS 实现这一点，但是:是否有使用 lodash 的任何优雅、简洁的方法？

[编辑] 下面的当前变体。欢迎更好的解决方案!

function getPropertyRecursive(obj, property) {
    var values = [];
    _.each(obj, function(value, key) {
        if (key === property) {
            values.push(value);
        } else if (_.isObject(value)) {
            values = values.concat(getPropertyRecursive(value, property));
        }
    });
    return values;
}

Answer 1

这可以通过以下 mixin 优雅地完成，它是 _.toPairs 的递归版本:

_.mixin({
    toPairsDeep: obj => _.flatMap(
        _.toPairs(obj), ([k, v]) =>
            _.isObjectLike(v) ? _.toPairsDeep(v) : [[k, v]])
});

然后得到你想要的结果:

result = _(structure)
    .toPairsDeep()
    .map(1)
    .value()

如果有 name 以外的标量属性，您必须将它们过滤掉:

result = _(structure)
    .toPairsDeep()
    .filter(([k, v]) => k === 'name')
    .map(1)
    .value()