Группировать и объединять вложенные объекты с помощью Lodash - PullRequest
Новая
       21

Группировать и объединять вложенные объекты с помощью Lodash

0 голосов
/ 27 января 2019

У меня есть данные объекта следующим образом: 

[
    {
        name: "Green Tea Brownie",
        price: 60,
        amount: 10,
        seller: {
            seller_id: 124,
            seller_name: "Merry Shop"
        }      
    },
    {
        name: "Cocoa Chiffon",
        price: 20,
        amount: 50,
        seller: {
            seller_id: 124,
            seller_name: "Merry Shop"          
        }      
    },
    {
        name: "Milky Donut",
        price: 40,
        amount: 100
        seller: {
            seller_id: 421,
            seller_name: "Sweet Bakery"   
        }      
    }
]

Поэтому я хочу сгруппировать данные по "seller_id" и объединить данные верхнего уровня, присвоенные имени объекта "orders", просто выглядеть следующим образом: 

[
    {
        seller_id: 124,
        seller_name: "Merry Shop",
        orders: [
            {
                name: "Green Tea Brownie",
                price: 60,
                amount: 10
            },
            {
                name: "Cocoa Chiffon",
                price: 20,
                amount: 50
            }
        ]
    },
    {
        seller_id: 421,
        seller_name: "Sweet Bakery",
        orders: [
            {
                name: "Milky Donut",
                price: 40,
                amount: 100
            }
        ]
    }
]

Я пытался решить эту проблему несколько часов назад.Кто-нибудь может решить это дело?

Спасибо

Ответы [ 3 ]

0 голосов
/ 27 января 2019

Если вам нравится работать с обычным JS, вы можете использовать уменьшение 

const data = [{"name":"Green Tea Brownie","price":60,"amount":10,"seller":{"seller_id":124,"seller_name":"Merry Shop"}},{"name":"Cocoa Chiffon","price":20,"amount":50,"seller":{"seller_id":124,"seller_name":"Merry Shop"}},{"name":"Milky Donut","price":40,"amount":100,"seller":{"seller_id":421,"seller_name":"Sweet Bakery"}}]


const output = data.reduce((op,{name,price,amount,seller})=>{
  if(op[seller['seller_id']]){
    op[seller['seller_id']]['orders'].push({name,price,amount})
   }
  else {
    op[seller['seller_id']] = {
      seller_name: seller.seller_name,
      seller_id: seller.seller_id,
      orders: [{name,price,amount}]
    }
  }
 return op;
},{})

console.log(Object.values(output))
0 голосов
/ 27 января 2019

Вот чистое решение JS, использующее уменьшение : 

const orders = [{
    name: "Green Tea Brownie",
    price: 60,
    amount: 10,
    seller: {
        seller_id: 124,
        seller_name: "Merry Shop"
    }      
}, {
    name: "Cocoa Chiffon",
    price: 20,
    amount: 50,
    seller: {
        seller_id: 124,
        seller_name: "Merry Shop"          
    }      
}, {
    name: "Milky Donut",
    price: 40,
    amount: 100,
    seller: {
        seller_id: 421,
        seller_name: "Sweet Bakery"   
    }      
}];

const ordersBySeller = Object.values(orders.reduce((accum, { name, price, amount, seller: { seller_id, seller_name } }) => {
  const sellerOrders = accum[seller_id] ? accum[seller_id].orders || [] : [];
  accum[seller_id] = { seller_id, seller_name, orders: [...sellerOrders, { name, price, amount } ] };
  return accum;
}, {}));

console.log(ordersBySeller);
0 голосов
/ 27 января 2019

Вы можете использовать _.groupBy(), а затем _.map() группы в требуемом формате: 

const { flow, partialRight: pr, groupBy, map, first, omit } = _

const fn = flow(
  pr(groupBy, 'seller.seller_id'),
  pr(map, group => ({
    ...first(group).seller,
    orders: map(group, pr(omit, 'seller'))
  }))
)

const data = [{"name":"Green Tea Brownie","price":60,"amount":10,"seller":{"seller_id":124,"seller_name":"Merry Shop"}},{"name":"Cocoa Chiffon","price":20,"amount":50,"seller":{"seller_id":124,"seller_name":"Merry Shop"}},{"name":"Milky Donut","price":40,"amount":100,"seller":{"seller_id":421,"seller_name":"Sweet Bakery"}}]

const result = fn(data)

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