JavaScript 获取数组最大最小值的多种实现方案

作者：异步漫步时间：2026-10-31 01:04:54浏览：205

本文介绍在 JavaScript 中获取数组最大最小值的几种常见方法。包括通过 for 循环遍历、利用 Array.prototype 扩展原型方法，以及使用 Math.max/min 配合 apply 函数的技巧。文章提供了完整的代码示例，并讨论了原型污染的风险及静态方法的实现方式，帮助开发者根据场景选择最优解。

JavaScript 获取数组最大最小值的多种实现方案

在实际开发中，获取数组的最大值和最小值的需求日益频繁。为此，我整理了几种实现方法供参考。如果代码中存在任何问题，欢迎交流探讨，共同提升技术水平。

基础遍历与原型扩展实现

首先来看第一种实现方式的示例：


var numReg = /^-?[0-9]+.?[0-9]*$/

Array.prototype.min = function() {
  return this.reduce(function(preValue, curValue,index,array) {
   if ( numReg.test(preValue) && numReg.test(curValue) ) {
      return preValue > curValue ? curValue : preValue;
   } else if ( numReg.test(preValue) ) {
   return preValue;
   } else if ( numReg.test(curValue) ) {
   return curValue;
   } else {
   return 0;
   }
  })
}

Array.prototype.max = function() {
  return this.reduce(function(preValue, curValue,index,array) {
   if ( numReg.test(preValue) && numReg.test(curValue) ) {
      return preValue < curValue ? curValue : preValue;
   } else if ( numReg.test(preValue) ) {
   return preValue;
   } else if ( numReg.test(curValue) ) {
   return curValue;
   } else {
   return 0;
   }
  })
}

接着是第二种示例：


function getMaximin (arr,maximin) { 
 if (maximin == "max") { 
  return Math.max.apply(Math, arr); 
 }else if (maximin == "min") { 
  return Math.min.apply(Math, arr); 
 } 
} 
 
var a = [3,2,4,2,10] 
 
var b = [12,4,45,786,9,78] 
 
alert("aMax:" + getMaximin(a,"max") + "---aMin:" + getMaximin(a,"min") + "---bMax:" + getMaximin(b,"max") + "---bMin:" + getMaximin(b,"min"))//aMax:10---aMin:2---bMax:786---bMin:4 
 
function getMaximin (arr,maximin) {
 if (maximin == "max") {
  return Math.max.apply(Math, arr);
 }else if (maximin == "min") {
  return Math.min.apply(Math, arr);
 }
}
 
var a = [3,2,4,2,10]
 
var b = [12,4,45,786,9,78]
 
alert("aMax:" + getMaximin(a,"max") + "---aMin:" + getMaximin(a,"min") + "---bMax:" + getMaximin(b,"max") + "---bMin:" + getMaximin(b,"min"))//aMax:10---aMin:2---bMax:786---bMin:4

利用 Math 对象与 apply 方法

此外，还有另外两种常用的实现思路：

第一种思路的具体实现如下：


//最小值
Array.prototype.min = function() {
var min = this[0];
var len = this.length;
for (var i = 1; i < len; i++){ 
if (this[i] < min){ 
min = this[i]; 
} 
} 
return min;
}
//最大值
Array.prototype.max = function() { 
var max = this[0];
var len = this.length; 
for (var i = 1; i < len; i++){ 
if (this[i] > max) { 
max = this[i]; 
} 
} 
return max;
}

如果在开发中引入了第三方类库，担心其已实现了同名的原型方法从而导致冲突，可以在定义函数前增加重名判断逻辑：


if (typeof Array.prototype['max'] == 'undefined') { 
Array.prototype.max = function() { 
... ...
}
}

第二种思路的实现方式如下：

利用 Math.max 和 Math.min 方法可以快速得出结果。其中，apply 方法允许指定函数的调用对象及参数数组。由于 Math.max 本身接受多个参数，我们可以利用这一特性进行调用：


Array.max = function( array ){ 
return Math.max.apply( Math, array );
};

Array.min = function( array ){ 
return Math.min.apply( Math, array );
};

需要注意的是，John Resig 将此类功能实现为 Math 对象的静态方法，因此无法使用链式调用。不过，该方法还可以进一步精简。既然 Math 对象本质上也是一个对象，我们可以采用对象字面量的方式来编写，从而节省代码体积。


Array.prototype.max = function(){ 
return Math.max.apply({},this) 
} 
Array.prototype.min = function(){ 
return Math.min.apply({},this) 
} 
[1,2,3].max()// => 3 
[1,2,3].min()// => 1

作者最新文章

JavaScript怎么遍历对象的Symbol键和不可枚举属性

2026-11-05 13:13:39

封装一个健壮的JS字符串判空工具函数

2026-11-05 12:16:14

JavaScript合并数组的三种常用方法：concat、扩展运算符与push

2026-11-05 11:22:29

JavaScript立即执行函数(IIFE)是什么及基本语法

2026-11-05 10:51:19

JS对象数组转字符串为什么推荐用JSON.stringify()

2026-11-05 09:40:31