私はパーティーに少し遅れていますが、より堅牢で柔軟なソリューションが必要な場合は、ここに私の貢献があります。ネストされたオブジェクト/配列の組み合わせで特定のプロパティのみを合計し、他の集計メソッドを実行する場合は、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 =オブジェクトまたは配列のいずれかの
プロパティ=ネストされたオブジェクト/配列内のプロパティで集計メソッドを実行します
aggregate =集計メソッド(合計、最小、最大、またはカウント)
shash = trueに設定できます/ falseまたは数値の
depth = nullまたは未定義のままにする必要があります(後続の再帰的コールバックを追跡するために使用されます)
深くネストされたデータを検索する必要がないことがわかっている場合は、Shallowを使用してパフォーマンスを向上させることができます。たとえば、次の配列がある場合:
[
{
id: 1,
otherData: { ... },
valueToBeTotaled: ?
},
{
id: 2,
otherData: { ... },
valueToBeTotaled: ?
},
{
id: 3,
otherData: { ... },
valueToBeTotaled: ?
},
...
]
集計する値がそれほど深くネストされていないため、otherDataプロパティのループを回避したい場合は、shallowをtrueに設定できます。