如何在 JavaScript 对象数组中准确获取首个最高值项-js教程-PHP中文网

如何在 JavaScript 对象数组中准确获取首个最高值项

本文讲解如何使用 reduce() 方法从对象数组中稳定地找出指定属性（如 saving）的最大值对应的第一个对象，避免默认 reduce 在相等时覆盖导致返回最后一个匹配项的问题。

本文讲解如何使用 `reduce()` 方法从对象数组中稳定地找出指定属性（如 `saving`）的最大值对应的**第一个对象**，避免默认 `reduce` 在相等时覆盖导致返回最后一个匹配项的问题。

在处理对象数组时，常需根据某个数值属性（例如 saving）查找“最优”元素。一个常见误区是直接用 reduce 比较 >= 或未加约束地使用 >，导致当多个对象具有相同最大值时，结果返回的是最后一个匹配项——因为 reduce 的累加逻辑在 prev.saving === current.saving 时仍会用 current 覆盖 prev，从而丢失首次出现的位置。

正确做法是：仅在严格更大（>）时才更新前值，相等或更小时一律保留当前 prev。这样，首个达到最大值的对象一旦被选中，后续同值对象将被跳过，确保稳定性。

以下是推荐实现：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

const maxSaving = tableResults.reduce((prev, current) => 
  current.saving > prev.saving ? current : prev
);

⚠️ 注意事项：

初始值必须为数组中的有效对象（如 tableResults[0]），不能传 0 ——否则 0.saving 会报 undefined 错误。正确写法：

const maxSaving = tableResults.length > 0 
  ? tableResults.reduce((prev, current) => 
      current.saving > prev.saving ? current : prev
    ) 
  : null;