我对聚会有点迟疑,但是,如果您需要一个更强大,更灵活的解决方案,那么这就是我的贡献。如果您只想对嵌套对象/数组组合中的特定属性求和,并执行其他聚合方法,那么这是我在React项目上一直使用的一个小功能:
var aggregateProperty = function(obj, property, aggregate, shallow, depth) {
if ((typeof obj !== 'object' && typeof obj !== 'array') || !property) {
return;
}
obj = JSON.parse(JSON.stringify(obj));
const validAggregates = [ 'sum', 'min', 'max', 'count' ];
aggregate = (validAggregates.indexOf(aggregate.toLowerCase()) !== -1 ? aggregate.toLowerCase() : 'sum');
if (shallow === true) {
shallow = 2;
} else if (isNaN(shallow) || shallow < 2) {
shallow = false;
}
if (isNaN(depth)) {
depth = 1;
}
var value = ((aggregate == 'min' || aggregate == 'max') ? null : 0);
for (var prop in obj) {
if (!obj.hasOwnProperty(prop)) {
continue;
}
var propValue = obj[prop];
var nested = (typeof propValue === 'object' || typeof propValue === 'array');
if (nested) {
if (prop == property && aggregate == 'count') {
value++;
}
if (shallow === false || depth < shallow) {
propValue = aggregateProperty(propValue, property, aggregate, shallow, depth+1);
} else {
continue;
}
}
if ((prop == property || nested) && propValue) {
switch(aggregate) {
case 'sum':
if (!isNaN(propValue)) {
value += propValue;
}
break;
case 'min':
if ((propValue < value) || !value) {
value = propValue;
}
break;
case 'max':
if ((propValue > value) || !value) {
value = propValue;
}
break;
case 'count':
if (propValue) {
if (nested) {
value += propValue;
} else {
value++;
}
}
break;
}
}
}
return value;
}
它是递归的,非ES6,它应可在大多数半现代的浏览器中使用。您可以这样使用它:
const onlineCount = aggregateProperty(this.props.contacts, 'online', 'count');
参数明细:
obj =对象或数组
属性=要在嵌套对象/数组中执行聚合方法的属性=
聚合=聚合方法(总和,最小,最大或计数)
浅=可以设置为true /假或数值
深度 =应该保留为null或未定义(用于跟踪后续的递归回调)
如果您知道不需要搜索深度嵌套的数据,则可以使用Shallow来提高性能。例如,如果您具有以下数组:
[
{
id: 1,
otherData: { ... },
valueToBeTotaled: ?
},
{
id: 2,
otherData: { ... },
valueToBeTotaled: ?
},
{
id: 3,
otherData: { ... },
valueToBeTotaled: ?
},
...
]
如果要避免循环遍历otherData属性,因为要聚合的值没有嵌套那么深,则可以将shallow设置为true。