Mar*_*Has 3 javascript arrays javascript-objects
我有一个对象数组。每个对象都包含一些属性,这些属性之一是年龄。
var people = [
{
name: 'Anna',
age: 22
},
{
name: 'Tom',
age: 34
}, {
name: 'John',
age: 12
},
]
Run Code Online (Sandbox Code Playgroud)
我想计算这个数组中所有年龄属性的平均值。我使用这个功能:
let getAverage = arr => {
let reducer = (total, currentValue) => total + currentValue;
let sum = arr.reduce(reducer)
return sum / arr.length;
}
Run Code Online (Sandbox Code Playgroud)
它适用于像 [22, 34, 12] 这样的简单数组,但不适用于对象数组。
如何修改我的 getAverage 函数以使其也适用于对象数组?
这是我的代码片段:https : //jsfiddle.net/marektchas/kc8Ls0f5/2/
您不需要修改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));Run Code Online (Sandbox Code Playgroud)
如果您想更改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));Run Code Online (Sandbox Code Playgroud)
上述注意事项,如果您不向 提供第二个参数Array#reduce,那么它第一次运行total将是数组的第一个元素,但是第二次及以后,它将是迄今为止的总和。处理这种情况不值得,因此提供初始值可以解决它。