Лодаш: как группировать, используя несколько вложенных свойств? - PullRequest
Новая
       2

Лодаш: как группировать, используя несколько вложенных свойств?

0 голосов
/ 15 апреля 2019

Попытка сгруппировать мой массив, используя 2 вложенных свойства объекта. Ниже приведены данные, с которыми я работаю. Мне нужно сгруппировать эти данные, используя свойства start и end, которые вложены в time объект здесь

`

[{
    "id": 227,
    "day": 0,
    "time": {
        "id": 31,
        "start": "03:00:00",
        "end": "06:00:00"
    },
    "max_tasks": 3
}, {
    "id": 228,
    "day": 1,
    "time": {
        "id": 31,
        "start": "03:00:00",
        "end": "06:00:00"
    },
    "max_tasks": 3
}, {
    "id": 229,
    "day": 2,
    "time": {
        "id": 31,
        "start": "03:00:00",
        "end": "06:00:00"
    },
    "max_tasks": 3
}, {
    "id": 230,
    "day": 3,
    "time": {
        "id": 31,
        "start": "03:00:00",
        "end": "06:00:00"
    },
    "max_tasks": 3
}, {
    "id": 231,
    "day": 4,
    "time": {
        "id": 31,
        "start": "03:00:00",
        "end": "06:00:00"
    },
    "max_tasks": 3
}, {
    "id": 232,
    "day": 5,
    "time": {
        "id": 31,
        "start": "03:00:00",
        "end": "06:00:00"
    },
    "max_tasks": 3
}, {
    "id": 233,
    "day": 6,
    "time": {
        "id": 31,
        "start": "03:00:00",
        "end": "06:00:00"
    },
    "max_tasks": 3
}, {
    "id": 283,
    "day": 0,
    "time": {
        "id": 39,
        "start": "06:00:00",
        "end": "08:00:00"
    },
    "max_tasks": 3
}, {
    "id": 284,
    "day": 1,
    "time": {
        "id": 39,
        "start": "06:00:00",
        "end": "08:00:00"
    },
    "max_tasks": 3
}, {
    "id": 285,
    "day": 2,
    "time": {
        "id": 39,
        "start": "06:00:00",
        "end": "08:00:00"
    },
    "max_tasks": 3
}, {
    "id": 286,
    "day": 3,
    "time": {
        "id": 39,
        "start": "06:00:00",
        "end": "08:00:00"
    },
    "max_tasks": 3
}, {
    "id": 287,
    "day": 4,
    "time": {
        "id": 39,
        "start": "06:00:00",
        "end": "08:00:00"
    },
    "max_tasks": 3
}, {
    "id": 288,
    "day": 5,
    "time": {
        "id": 39,
        "start": "06:00:00",
        "end": "08:00:00"
    },
    "max_tasks": 3
}, {
    "id": 289,
    "day": 6,
    "time": {
        "id": 39,
        "start": "06:00:00",
        "end": "08:00:00"
    },
    "max_tasks": 3
}]

`

В настоящее время я могу группировать, используя одно свойство, используя приведенный ниже код, но не оба:

var result = _.groupBy(this.slots, 'time.start')

Ожидаемые данные могут выглядеть следующим образом: `

03: 00: 00 - 06: 00: 00: [{
        "id": 227,
        "day": 0,
        "time": {
            "id": 31,
            "start": "03:00:00",
            "end": "06:00:00"
        },
        "max_tasks": 3
    },
    {
        "id": 228,
        "day": 1,
        "time": {
            "id": 31,
            "start": "03:00:00",
            "end": "06:00:00"
        },
        "max_tasks": 3
    }
]
06: 00: 00 - 08: 00: 00: [{
        "id": 283,
        "day": 0,
        "time": {
            "id": 39,
            "start": "06:00:00",
            "end": "08:00:00"
        },
        "max_tasks": 3
    },
    {
        "id": 284,
        "day": 1,
        "time": {
            "id": 39,
            "start": "06:00:00",
            "end": "08:00:00"
        },
        "max_tasks": 3
    }
]

`

Заранее спасибо:)

Ответы [ 2 ]

2 голосов
/ 15 апреля 2019

Используйте _.groupBy() с обратным вызовом и сгенерируйте ключ из start и end: 

const data = [{"id":227,"day":0,"time":{"id":31,"start":"03:00:00","end":"06:00:00"},"max_tasks":3},{"id":228,"day":1,"time":{"id":31,"start":"03:00:00","end":"06:00:00"},"max_tasks":3},{"id":229,"day":2,"time":{"id":31,"start":"03:00:00","end":"06:00:00"},"max_tasks":3},{"id":230,"day":3,"time":{"id":31,"start":"03:00:00","end":"06:00:00"},"max_tasks":3},{"id":231,"day":4,"time":{"id":31,"start":"03:00:00","end":"06:00:00"},"max_tasks":3},{"id":232,"day":5,"time":{"id":31,"start":"03:00:00","end":"06:00:00"},"max_tasks":3},{"id":233,"day":6,"time":{"id":31,"start":"03:00:00","end":"06:00:00"},"max_tasks":3},{"id":283,"day":0,"time":{"id":39,"start":"06:00:00","end":"08:00:00"},"max_tasks":3},{"id":284,"day":1,"time":{"id":39,"start":"06:00:00","end":"08:00:00"},"max_tasks":3},{"id":285,"day":2,"time":{"id":39,"start":"06:00:00","end":"08:00:00"},"max_tasks":3},{"id":286,"day":3,"time":{"id":39,"start":"06:00:00","end":"08:00:00"},"max_tasks":3},{"id":287,"day":4,"time":{"id":39,"start":"06:00:00","end":"08:00:00"},"max_tasks":3},{"id":288,"day":5,"time":{"id":39,"start":"06:00:00","end":"08:00:00"},"max_tasks":3},{"id":289,"day":6,"time":{"id":39,"start":"06:00:00","end":"08:00:00"},"max_tasks":3}]

const result = _.groupBy(data, ({ time: { start, end } }) => `${start} - ${end}`)

console.log(result)
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>
2 голосов
/ 15 апреля 2019

Вы можете использовать функцию reduce для группировки по этим значениям. 

let arr = [{    "id": 227,    "day": 0,    "time": {        "id": 31,        "start": "03:00:00",        "end": "06:00:00"    },    "max_tasks": 3}, {    "id": 228,    "day": 1,    "time": {        "id": 31,        "start": "03:00:00",        "end": "06:00:00"    },    "max_tasks": 3}, {    "id": 229,    "day": 2,    "time": {        "id": 31,        "start": "03:00:00",        "end": "06:00:00"    },    "max_tasks": 3}, {    "id": 230,    "day": 3,    "time": {        "id": 31,        "start": "03:00:00",        "end": "06:00:00"    },    "max_tasks": 3}, {    "id": 231,    "day": 4,    "time": {        "id": 31,        "start": "03:00:00",        "end": "06:00:00"    },    "max_tasks": 3}, {    "id": 232,    "day": 5,    "time": {        "id": 31,        "start": "03:00:00",        "end": "06:00:00"    },    "max_tasks": 3}, {    "id": 233,    "day": 6,    "time": {        "id": 31,        "start": "03:00:00",        "end": "06:00:00"    },    "max_tasks": 3}, {    "id": 283,    "day": 0,    "time": {        "id": 39,        "start": "06:00:00",        "end": "08:00:00"    },    "max_tasks": 3}, {    "id": 284,    "day": 1,    "time": {        "id": 39,        "start": "06:00:00",        "end": "08:00:00"    },    "max_tasks": 3}, {    "id": 285,    "day": 2,    "time": {        "id": 39,        "start": "06:00:00",        "end": "08:00:00"    },    "max_tasks": 3}, {    "id": 286,    "day": 3,    "time": {        "id": 39,        "start": "06:00:00",        "end": "08:00:00"    },    "max_tasks": 3}, {    "id": 287,    "day": 4,    "time": {        "id": 39,        "start": "06:00:00",        "end": "08:00:00"    },    "max_tasks": 3}, {    "id": 288,    "day": 5,    "time": {        "id": 39,        "start": "06:00:00",        "end": "08:00:00"    },    "max_tasks": 3}, {    "id": 289,    "day": 6,    "time": {        "id": 39,        "start": "06:00:00",        "end": "08:00:00"    },    "max_tasks": 3}]
let result = arr.reduce((a, c) => {
  let key = `${c.time.start} - ${c.time.end}`;
  (a[key] || (a[key] = [])).push(c);
  return a;
}, {});

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