如何分组和依靠嵌套属性?如果这似乎是一个非常基本的问题,请道歉,但老实说,我甚至不确定从哪里开始。
编辑我最初对上面的描述过于模糊,可能是因为我的英语不是很好。我将在这里进一步阐述。
如何按每个产品名称进行分组,然后汇总/计算唯一嵌套项目的数量?
我的数据来源:
L.mapbox.featureLayer(markerLayer).on('ready', function(e) {
我的首选输出:
[
{
product_name: 'Cool Gadget',
offer_code: {name: '50off'}
},
{
product_name: 'Cool Gadget',
offer_code: {name: '50OFF'}
},
{
product_name: 'Cool Gadget',
offer_code: {name: '75OFF'}
},
{
product_name: 'Another Cool Gadget'
},
{
product_name: 'Another Cool Gadget',
offer_code: {name: '50OFF'}
},
{
product_name: 'Another Cool Gadget',
offer_code: {name: '50OFF'}
}
]
答案 0 :(得分:12)
我们可以使用Ramda来解决一个解决方案。
var data = [ { product_name: 'Cool Gadget', offer_code: {name: '50OFF'} }, { product_name: 'Cool Gadget', offer_code: {name: '50OFF'} }, { product_name: 'Cool Gadget', offer_code: {name: '75OFF'} }, { product_name: 'Another Cool Gadget' }, { product_name: 'Another Cool Gadget', offer_code: {name: '50OFF'} }, { product_name: 'Another Cool Gadget', offer_code: {name: '50OFF'} } ];
我们首先创建一个按名称对产品列表进行分组的功能。
const groupByProductName = R.groupBy(R.prop('product_name')); groupByProductName(data); // {"Another Cool Gadget": [{"product_name": "Another Cool Gadget"}, {"offer_code": {"name": "50OFF"}, "product_name": "Another Cool Gadget"}, {"offer_code": {"name": "50OFF"}, "product_name": "Another Cool Gadget"}], "Cool Gadget": [{"offer_code": {"name": "50OFF"}, "product_name": "Cool Gadget"}, {"offer_code": {"name": "50OFF"}, "product_name": "Cool Gadget"}, {"offer_code": {"name": "75OFF"}, "product_name": "Cool Gadget"}]}
为了帮助计算不同商品代码的数量,我们将创建一个新功能,按商品代码名称(如果存在)进行分组,如果不存在则默认为_default
。
我们可以使用此函数映射groupByProductName
生成的对象中的值。
const groupByOfferCode = R.groupBy(R.pathOr('_default', ['offer_code', 'name'])); R.map(groupByOfferCode, groupByProductName(data)); // {"Another Cool Gadget": {"50OFF": [{"offer_code": {"name": "50OFF"}, "product_name": "Another Cool Gadget"}, {"offer_code": {"name": "50OFF"}, "product_name": "Another Cool Gadget"}], "_default": [{"product_name": "Another Cool Gadget"}]}, "Cool Gadget": {"50OFF": [{"offer_code": {"name": "50OFF"}, "product_name": "Cool Gadget"}, {"offer_code": {"name": "50OFF"}, "product_name": "Cool Gadget"}], "75OFF": [{"offer_code": {"name": "75OFF"}, "product_name": "Cool Gadget"}]}}
一旦我们按名称分组了优惠代码,我们就会创建一个新函数来交换代码数组,只需要每个数组的长度。
const countOfferCodes = R.map(R.length); R.map(countOfferCodes, R.map(groupByOfferCode, groupByProductName(data))); // {"Another Cool Gadget": {"50OFF": 2, "_default": 1}, "Cool Gadget": {"50OFF": 2, "75OFF": 1}}
一旦我们定义了这些功能,我们就能得到一些接近你想要的输出的东西。
const process = products => R.map(countOfferCodes, R.map(groupByOfferCode, groupByProductName(products))); process(data); // {"Another Cool Gadget": {"50OFF": 2, "_default": 1}, "Cool Gadget": {"50OFF": 2, "75OFF": 1}}
鉴于所有这些函数都将它们的输出直接输入到下一个输入,可以使用R.pipe
来声明,以创建转换管道。
const process = R.pipe( groupByProductName, R.map(groupByOfferCode), R.map(countOfferCodes) );
您可能已经注意到我们在管道中彼此相邻有两个R.map
函数。由于法律规定R.pipe(R.map(f), R.map(g))
必须与R.map(R.pipe(f, g))
相同,我们可以通过将管道修改为以下内容来阻止对列表进行两次循环。
const process = R.pipe( groupByProductName, R.map(R.pipe( groupByOfferCode, countOfferCodes )) );
现在要将输出转换为所需的形状,我们可以创建一个将对象转换为列表的函数,我们可以将其添加到管道的末尾。
const objToList = R.pipe( R.toPairs, R.map(R.zipObj(['product_name', 'count'])) );
最后,我们可以向管道添加一个函数,以按产品名称进行排序。所以一起:
const groupByProductName = R.groupBy(R.prop('product_name')); const groupByOfferCode = R.groupBy(R.pathOr('_default', ['offer_code', 'name'])); const countOfferCodes = R.map(R.length); const objToList = R.pipe( R.toPairs, R.map(R.zipObj(['product_name', 'count'])) ); const process = R.pipe( groupByProductName, R.map(R.pipe( groupByOfferCode, countOfferCodes )), objToList, R.sortBy(R.prop('product_name')) ); process(data); // [{"count": {"50OFF": 2, "_default": 1}, "product_name": "Another Cool Gadget"}, {"count": {"50OFF": 2, "75OFF": 1}, "product_name": "Cool Gadget"}]
我们已经完成了。