JavaScript获取数组最大值与最小值的三种实现方式

作者:拾光时间:2026-10-22 21:19:28浏览:535

本文介绍在JavaScript中获取数组最大值和最小值的三种常用方法。包括通过扩展Array原型手动遍历比较、利用Math.min/max结合apply改变参数传递方式,以及处理多维数组时先展平为一维再计算的技巧。文中还包含防止命名冲突的重名判断逻辑及完整代码示例。

JavaScript获取数组最大值与最小值的三种实现方式

本文通过具体示例,详细讲解如何在JavaScript中获取数组中的最大值或最小值,供读者参考学习。

第一种方法:

方法一:扩展Array原型


//最小值
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;
}
console.log([55,38,7,19].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;
}
console.log([55,38,7,19].max());

运行结果如下:

JavaScript获取数组最大值与最小值的三种实现方式

若开发中引用了其他类库,担心其也使用了同名的原型方法,可在定义函数前增加重名判断逻辑:

方法一补充:防止命名冲突


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

第二种方法:

方法二:利用Math.apply


//最小值
Math.min.apply(Math,arr); //等效于 Math.min.apply({},arr)和Math.min.apply(null,arr);
//原本取得最小值的方法是Math.min(n1,n2,n3...), apply可以改变参数的传入形式,第一个参数是什么都不是很重要
//最大值
var arr = [55,38,7,19];
console.log(Math.max.apply(Math,arr));

运行结果如下:

JavaScript获取数组最大值与最小值的三种实现方式

对于多维数组,可先将其展平为一维数组,再执行上述计算逻辑。

方法三:多维数组展平处理


var arr1 = [1,2,3,[5,6],[3,4,8]];
var arr2 = arr1.join(",").split(",");
var a = Math.min.apply(Math,arr2); 
console.log(a);

运行结果如下:

JavaScript获取数组最大值与最小值的三种实现方式

第三种方法:

方法四:封装通用函数


var arr = [55,38,7,19];
function getMaxMin(arr,maxmin){
  if(maxmin === "max"){
    return Math.max.apply(Math,arr);
  }else if(maxmin === "min"){
    return Math.min.apply(Math,arr);
  }
}
var a = getMaxMin(arr,"max");
console.log(a);
var b = getMaxMin(arr,"min");
console.log(b);

运行结果如下:

JavaScript获取数组最大值与最小值的三种实现方式

感兴趣的朋友可使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

作者最新文章