javascript - 如何计算对象数组中给定属性的 JavaScript 平均值

标签 javascript arrays javascript-objects

我有一个对象数组。每个对象都包含一些属性,其中一个属性是年龄。

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/

最佳答案

您不需要修改 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 在每个数组上。

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 将是数组的第一个元素,但是第二次时间和以后,它将是总和迄今为止。这种情况不值得处理,因此提供初始值即可解决。

关于javascript - 如何计算对象数组中给定属性的 JavaScript 平均值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55375935/

相关文章:

javascript - 在 jQuery 中使用命名函数作为 $.getJSON 的回调来满足 Facebook 请求签名需求

javascript - 如何防止使用 Javascript 在页面滚动时折叠 Kendo 下拉列表?

javascript - 扩大复选框点击区域

javascript - 解析 json 数组并循环遍历 Pivot.js 的所有数据

javascript - 如何在 JavaScript 对象数组中查找重复值,并只输出唯一值?

javascript - javascript中的 Accordion 选择器

Javascript 减少陷阱 - 跳过第一次迭代?

c - 动态数组的大小

javascript - 使用这个内部对象数组

javascript - 在 JavaScript 中从未知对象创建新实例