Typescript map collection

user_4959044 0
Viewed 133

I have this complex models which i am trying to map.

  • I have an array of Carts containing id, name and etc
  • I have a dictionary where key is a type and its value is the different products.

I have added an example of what the result should looks like at the bottom of page.

My attempt but got stuck on how to filter

carts.forEach(cart => {
    const productList = cart.products; //list of products

    Object.entries(content.data).forEach(([key, values]) => {
      const sizeList = values.map(x => x.sizeList); //list of size
      // i am stuck here
    });
  });
typescript ecmascript-6 javascript
1 Answers

const getCartsWithProductNames = (carts = [], content = {}) => {
  // create a Map with productId-sizeId as key, and size name as value
  const productSizeNameMap = 
    Object.values(content)
    .flat()
    .reduce((map, { productId, sizeList = [] }) => {
      sizeList.forEach(({ sizeId, name }) =>
        map.set(`${productId}-${sizeId}`, name)
      );
      return map;
    }, new Map);
  // return carts list with product items having names from productSizeNameMap
  return carts.map(({ cartId, cartName, products = [] }) => ({
    id: cartId,
    name: cartName,
    productItems: products.map(({ id, size, quantity, isVisible }) => ({
      id, quantity, isVisible, name: productSizeNameMap.get(`${id}-${size}`)
    }))
  }));
}

const 
  carts = [
    {
      cartId: 500,
      cartName: "Some name",
      products: [ { id: 1, size: 10, quantity: 1, isVisible: true }, { id: 2, size: 13, quantity: 10, isVisible: true } ]
    }
  ],
  content = {
    "Drinks": [
      { productId: 1, sizeList: [ { sizeId: 10, name: "100ml beer" }, { sizeId: 9, name: "200ml beer" } ]
      }
    ],
    "Food": [
      {
        productId: 2,
        sizeList: [ { sizeId: 12, name: "6 wings" }, { sizeId: 13, name: "12 wings" } ]
      }
    ]
};

console.log( getCartsWithProductNames(carts, content) );

user_74863130
Related