使用lowash递归收集属性值-前端问题

Recursively collect values for property using lodash(使用lowash递归收集属性值)

本文介绍了使用lowash递归收集属性值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

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

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

如何使用普通JS实现这一点很明显，但是：有没有什么优雅、简洁的方法使用lowash呢？

[编辑]下面的当前变量。欢迎使用更好的解决方案！

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;
}

推荐答案

使用以下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()

这篇关于使用lowash递归收集属性值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！