按多个值分组 Underscore.JS 但保留键和值

IT技术 javascript underscore.js
2021-02-21 02:27:41

我正在尝试将以下数组与对象分组：

[ { user_id: 301, alert_id: 199, deal_id: 32243 },
  { user_id: 301, alert_id: 200, deal_id: 32243 },
  { user_id: 301, alert_id: 200, deal_id: 107293 },
  { user_id: 301, alert_id: 200, deal_id: 277470 } ]

如您所见，它包含 user_id 和 alert_id 组合，我喜欢将它们分组。所以我想有以下数组：

[ { user_id: 301, alert_id: 199, deals: [32243] },
  { user_id: 301, alert_id: 200, deals: [32243,107293,277470]}]

有谁知道这个问题的解决方案？使用下划线的 GroupBy 我可以根据一个键对值进行分组。但是我需要根据组合 user_id 和 alert_id 对它们进行分组，如您所见。

我查看了underscore.nest，但问题是它创建了自己的密钥。

3个回答

将groupBy与使用 user_id 和 alert_id 创建复合键的函数结合使用。然后跨分组映射以获得您想要的：

    var list = [ { user_id: 301, alert_id: 199, deal_id: 32243 },
      { user_id: 301, alert_id: 200, deal_id: 32243 },
      { user_id: 301, alert_id: 200, deal_id: 107293 },
      { user_id: 301, alert_id: 200, deal_id: 277470 } ];

    var groups = _.groupBy(list, function(value){
        return value.user_id + '#' + value.alert_id;
    });

    var data = _.map(groups, function(group){
        return {
            user_id: group[0].user_id,
            alert_id: group[0].alert_id,
            deals: _.pluck(group, 'deal_id')
        }
    });
请问数字符号（'#'）的用途是什么？
2021-05-01 02:27:41
如果两个键都是列表，例如 deal_id: [32243, 3535, 242] 和 alert_id: [200,4242,242] 并且需要根据这两个键的组合对所有项目进行分组怎么办？卡在这了。请帮忙。@GruffBunny
2021-05-02 02:27:41
它用于将 user_id 与 alert_id 分隔，以便 groupBy 函数中返回的字符串看起来像“301#200”（Javascript 会将数字强制转换为字符串）。如果没有使用它，那么该函数将返回一个数字，例如 501 (301 + 200)，这可能是不正确的，例如 300 + 201 === 400 + 101。
2021-05-05 02:27:41
解决了我的问题，谢谢。只是为了补充这一点。我只是将键作为单独的字段返回，整个组返回一个字段，与我的 angularjs 中继器配合得非常好。
2021-05-11 02:27:41

我想贡献一个整洁的typescript ES6 组。
我不太确定如何收紧返回值类型。那里需要一些技巧，但这对我来说效果很好。

/**
 * group the supplied list by a set of keys.
 * @param list the list of items to group.
 * @param children the key for the array of child items.
 * @param components the components to group by.
 */
groupByMultipleFields<T, K extends keyof T>(
    list: T[],
    children: string,
    ...components: K[]): any[] {

    var grouping = [...list.reduce((r, o) => {
        const key = components.map(_ => `${o[_]}`).join(" :: ");
        var keyed = r.get(key) || components.reduce((x, y) => { x[y] = o[y]; return x; }, <T>{});
        keyed[children] = keyed[children] || [];
        keyed[children].push(o);
        return r.set(key, keyed);
    }, new Map).values()];
    return grouping;

}

您将需要打开 typescript 编译器选项"downlevelIteration": true以允许new Map迭代和返回values()。

对于某些特定任务，我必须为其安全键和值所以我制作了这个变体（使用干净的 js）：

/**
 * Group your items in array by multiple keys!
 *
 * @param collection
 * @param retrieveFunctions
 * @param compareFunctions
 * @returns {Array}
 */
function groupify(
    collection,
    retrieveFunctions = {attribute: value => value},
    compareFunctions = {attribute: (groupValue, value) => groupValue === value}
) {
    let groups = [];
    let keyValues = {};

    collection.forEach(item => {
        for (let attribute in retrieveFunctions) {
            keyValues[attribute] = retrieveFunctions.hasOwnProperty(attribute) ? retrieveFunctions[attribute](item[attribute]) : undefined;
        }
        let group = groups.find(group => {
            for (let key in retrieveFunctions) {
                if (!group && !group.keys[key]) {
                    return false;
                }
                if (compareFunctions[key] instanceof Function) {
                    if (!compareFunctions[key](group.keys[key], keyValues[key])) {
                        return false;
                    }
                } else if (group.keys[key] !== keyValues[key]) {
                    return false;
                }
            }

            return true;
        });

        !group ? groups.push({keys: keyValues, items: [item]}) : group.items.push(item);
        keyValues = {};
    });

    return groups;
}

这里是要点的链接： groupify.js

其它你可能感兴趣的问题
上一篇Webpack Express 无法解析module 'fs'，请求依赖是表达式 下一篇如何将 debounce fn 实现到 jQuery keyup 事件中？