javascript - javascript中数组如何分组

标签 javascript json

嗨,我是 Java 脚本的新手,我正在使用 knex ORM 与数据库进行交互,我得到的结果行是 flat json,我需要以我在预期中提到的实际格式获得结果结果。我尝试了一些代码,但没有一个代码给我预期的结果。我已经提到了我尝试过的原型(prototype)代码以及代码的结果,它不是我想要的格式我怎样才能得到我在预期结果部分提到的实际结果,我怎样才能使用 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}
                ]
            }
        ]
    }
]

最佳答案

lodash实用程序,如 groupBymapValues应该做的工作。

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 && i.kot_id === kot_id)
            .map(i => ({price: i.price, quantity: i.quantity}))
        }
      })
  };
});

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

关于javascript - javascript中数组如何分组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55694811/

相关文章:

javascript - 如何向 Angular 组件添加自定义验证?

javascript - Angular : Inherited method extend in the child controller scope

javascript - 三个 js - 无法看到旋转的对象

javascript - nodeJS 等待无法 promise 的事件

javascript - 全局 JSON 变量覆盖

java - 序列化与字节码翻译

javascript - 在模态中显示原始 JSON

javascript - 如何使用切换按钮根据单击哪个按钮显示元素?

c# - getJSON 回调未触发

javascript - Jquery 从 JSON 结果中获取特定值?