首页 > 解决方案 > 如何在 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 函数以使其也适用于对象数组?

这是我的代码片段: https ://jsfiddle.net/marektchas/kc8Ls0f5/2/

标签: javascriptarraysjavascript-objects

解决方案


您无需修改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将是数组的第一个元素,但是第二次及以后,它将是到目前为止的总和。不值得处理这种情况,所以提供一个初始值可以解决它。


推荐阅读