js数组求最大值和最小值：JavaScript数组求最大值和最小值的多种实现方法

来源：网络作者：日期：2025-10-22 21:53:12

在JavaScript开发中,数组是最常用的数据结构之一，掌握如何高效地求数组中的最大值和最小值是每个前端开发者的基本功，本文将介绍几种常见的实现方法，并分析它们的优缺点。

使用Math.max和Math.min方法

这是最基础也是最直观的方法,通过将数组元素作为参数传递给Math.max或Math.min函数来实现。

const numbers = [5, 2, 9, 1, 6];
// 求最大值
const maxValue = Math.max(...numbers);
console.log(maxValue); // 输出 9
// 求最小值
const minValue = Math.min(...numbers);
console.log(minValue); // 输出 1

优点：代码简洁，易于理解。缺点：需要使用扩展运算符（...），在旧版浏览器中可能不支持。

使用Array.prototype.reduce方法

reduce方法可以遍历数组并累积结果,适合处理更复杂的场景。

const numbers = [5, 2, 9, 1, 6];
// 求最大值
const maxValue = numbers.reduce((prev, curr) => {
  return Math.max(prev, curr);
}, numbers[0]);
// 求最小值
const minValue = numbers.reduce((prev, curr) => {
  return Math.min(prev, curr);
}, numbers[0]);
console.log(maxValue); // 输出 9
console.log(minValue); // 输出 1

优点：代码灵活，可以扩展为其他累积操作。缺点：代码相对冗长，初学者可能难以理解。

使用循环实现

对于追求极致性能或需要兼容旧浏览器的场景,可以使用传统的循环方法。

const numbers = [5, 2, 9, 1, 6];
let maxValue = numbers[0];
let minValue = numbers[0];
for (let i = 1; i < numbers.length; i++) {
  if (numbers[i] > maxValue) {
    maxValue = numbers[i];
  }
  if (numbers[i] < minValue) {
    minValue = numbers[i];
  }
}
console.log(maxValue); // 输出 9
console.log(minValue); // 输出 1

优点：兼容性好，性能稳定。缺点：代码量较大，可读性较差。

处理空数组和非数字值

在实际开发中,需要考虑数组为空或包含非数字值的情况。

const numbers = [5, 2, 9, 1, 6];
// 处理空数组
if (numbers.length === 0) {
  console.log('数组为空');
} else {
  const maxValue = Math.max(...numbers);
  const minValue = Math.min(...numbers);
  console.log(maxValue, minValue);
}
// 处理非数字值
const mixedArray = [5, 2, '9', 1, '6'];
const numericArray = mixedArray.map(item => typeof item === 'number' ? item : Number(item));
console.log(Math.max(...numericArray)); // 输出 6