как массив группируется в Java script

#javascript #json

#javascript #json

Вопрос:

привет, я новичок в Java script, я использую knex ORM для взаимодействия с базой данных, и я получаю в виде результирующих строк плоский json, и мне нужно получить результат в фактическом формате, который я упомянул в ожидаемом результате. я попробовал некоторый код, но ни один код не дает мне ожидаемого результата. я упомянул свой прототип кода, который я пробовал, а также результат кода, который не в том формате, который я хочу, как я могу получить фактический результат, который я упомянул в разделе ОЖИДАЕМЫЙ результат, как я могу добиться того же, используя функцию более высокого порядка Lodash или ES6.

 var data= [
    {order_id: 1,kot_id: 10,price: 20,quantity: 2},
    {order_id: 1,kot_id: 10,price: 100,quantity: 1},
    {order_id: 1,kot_id: 10,price: 150,quantity: 1},
    {order_id: 1,kot_id: 11,price: 55,quantity: 1},
    {order_id: 1,kot_id: 11,price: 250,quantity: 3},
]



let objects = {}
let arr = []
result = data.forEach((item,index) => {
    if(!objects.order_id) {
        objects = {order_id: item.order_id,list: []}
        arr.push(objects)
    }
    if(!objects.kot_id) {
         objects.list.push({kot_id: item.kot_id,kot_list: []})

    }
    objects.list[index].kot_list.push({price: item.price,quantity: item.quantity})

})
console.log(JSON.stringify(arr,null,2))

RESULT OF THE ABOVE CODE
[

  {
    "order_id": 1,
    "list": [
      {
        "kot_id": 10,
        "kot_list": [
          {
            "price": 20,
            "quantity": 2
          }
        ]
      },
      {
        "kot_id": 10,
        "kot_list": [
          {
            "price": 100,
            "quantity": 1
          }
        ]
      },
      {
        "kot_id": 10,
        "kot_list": [
          {
            "price": 150,
            "quantity": 1
          }
        ]
      },
      {
        "kot_id": 11,
        "kot_list": [
          {
            "price": 55,
            "quantity": 1
          }
        ]
      },
      {
        "kot_id": 11,
        "kot_list": [
          {
            "price": 250,
            "quantity": 3
          },

        ]
      }
    ]
  }
]

EXPECTED RESULT

result = [
    {
        order_id: 1,
        list: [
            {
                kot_id: 10,
                kot_list : [
                    { price: 200,quantity: 2 },
                    {price: 100,quantity: 1},
                    {price: 150,quantity: 1}
                ]
            },
            {
                kot_id: 11,
                kot_list: [
                    {price: 55,quantity: 1},
                    {price: 250,quantity: 3}
                ]
            }
        ]
    }
]
  

Комментарии:

1. как я могу получить вышеуказанный результат, используя Lodash

Ответ №1:

утилиты Lodash, такие как groupBy и mapValues, должны выполнять эту работу.

Пример Lodash:

 const data = [
    {order_id: 1, kot_id: 10, price: 20, quantity: 2},
    {order_id: 1, kot_id: 10, price: 100, quantity: 1},
    {order_id: 1, kot_id: 10, price: 150, quantity: 1},
    {order_id: 1, kot_id: 11, price: 55, quantity: 1},
    {order_id: 1, kot_id: 11, price: 250, quantity: 3},

    {order_id: 2, kot_id: 10, price: 150, quantity: 1},
    {order_id: 2, kot_id: 11, price: 55, quantity: 1},
    {order_id: 2, kot_id: 11, price: 250, quantity: 3},
]


const result = _(data)
  .groupBy('order_id')
  .mapValues((values, key) => {
    return _(values)
      .groupBy('kot_id')
      .map((list, id) => ({
        kot_id: id,
        kot_list: _.map(list, i => _.pick(i, ['price', 'quantity']))
      }))
      .value();
  })
  .map((list, order_id) => ({order_id, list}))
  .value();


console.log(JSON.stringify(result, null, 4));  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>  

Или вы можете просто использовать утилиты ES6 для достижения того же результата:

Простой пример ES6:

 const data = [
    {order_id: 1, kot_id: 10, price: 20, quantity: 2},
    {order_id: 1, kot_id: 10, price: 100, quantity: 1},
    {order_id: 1, kot_id: 10, price: 150, quantity: 1},
    {order_id: 1, kot_id: 11, price: 55, quantity: 1},
    {order_id: 1, kot_id: 11, price: 250, quantity: 3},

    {order_id: 2, kot_id: 10, price: 150, quantity: 1},
    {order_id: 2, kot_id: 11, price: 55, quantity: 1},
    {order_id: 2, kot_id: 11, price: 250, quantity: 3},
]


const orderIds = [...new Set(data.map(i => i.order_id))];
const kotIds = [... new Set(data.map(i => i.kot_id))];

const result = orderIds.map(order_id => {
  return {
    order_id,
    list: kotIds
      .map(kot_id => {
        return {
          kot_id,
          kot_list: data
            .filter(i => i.order_id === order_id amp;amp; i.kot_id === kot_id)
            .map(i => ({price: i.price, quantity: i.quantity}))
        }
      })
  };
});

console.log(JSON.stringify(result, null, 4));  

Комментарии:

1. как мы можем добиться того же в функции es6 более высокого порядка

2. да, но в решении будет больше строк кода)

3. Я добавил простой пример ES6