javascript - 如何在 JavaScript 中计算对象数组中给定属性的平均值
问题描述
我有一个对象数组。每个对象都包含一些属性,其中一个属性是年龄。
var people = [
{
name: 'Anna',
age: 22
},
{
name: 'Tom',
age: 34
}, {
name: 'John',
age: 12
},
]
我想计算这个数组中所有年龄属性的平均值。我使用这个功能:
let getAverage = arr => {
let reducer = (total, currentValue) => total + currentValue;
let sum = arr.reduce(reducer)
return sum / arr.length;
}
它适用于像 [22, 34, 12] 这样的简单数组,但不适用于对象数组。
如何修改我的 getAverage 函数以使其也适用于对象数组?
解决方案
您无需修改getAverage
- 您可以在传递数组之前对其进行预处理,在这种情况下getAverage
将完全按照需要工作:
var people = [
{
name: 'Anna',
age: 22
},
{
name: 'Tom',
age: 34
}, {
name: 'John',
age: 12
},
]
let getAverage = arr => {
let reducer = (total, currentValue) => total + currentValue;
let sum = arr.reduce(reducer)
return sum / arr.length;
}
let ages = people.map(person => person.age);
console.log(getAverage(ages));
如果您想更改getAverage
,以便它可以处理任何潜在类型的输入,那么您可以添加一个可选参数来执行值提取,这样您就不必map
在每个数组上运行 a 。
var numbers = [
1,
2,
3,
4,
5
]
var people = [
{
name: 'Anna',
age: 22
},
{
name: 'Tom',
age: 34
}, {
name: 'John',
age: 12
},
]
var moreComplexObjects = [
{
a: {
b: {
c: 6
}
}
},
{
a: {
b: {
c: 7
}
}
},
{
a: {
b: {
c: 8
}
}
}
]
//the default value of the second parameter is a function that returns the input
let getAverage = (arr, valueExtractor = x => x) => {
//extract the value of each element
let reducer = (total, currentValue) => total + valueExtractor(currentValue);
let sum = arr.reduce(reducer, 0) //make sure you add an initialiser
return sum / arr.length;
}
const ageExtractor = person => person.age;
const complexKeyExtractor = obj => obj.a.b.c;
console.log(getAverage(numbers));
console.log(getAverage(people, ageExtractor));
console.log(getAverage(moreComplexObjects, complexKeyExtractor));
上面的注释,如果你不提供第二个参数Array#reduce
,那么它第一次运行total
将是数组的第一个元素,但是第二次及以后,它将是到目前为止的总和。不值得处理这种情况,所以提供一个初始值可以解决它。
推荐阅读
- jquery - 如何正确地将文件返回到视图?
- c# - 在一项活动中按下的按钮在另一项活动中设置价格范围
- asp.net-mvc - 在 2 个表上插入多个数据的问题
- ios - 如何从 iOS 的 Firebase 中的子节点获取数据
- javascript - 在 Symfony 4 中使用 Highcharts
- asp.net-core - Asp.net core 2.1 - 如何服务多个角度应用程序?
- apache-spark - spark2 文件不存在问题
- react-native - 换行时如何设置文本样式以不中断单词?
- python - 没有 SQLAlchemy 的 Flask 中的数据库迁移
- html - 移动设备上的 Bootstrap 4 sidenav 不在左侧