脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js获取数组最大值最小值

Javascript获取数组中的最大值和最小值的方法汇总

 更新时间：2016年01月01日 09:30:08   作者：程序员小菜  
比较数组中数值的大小是比较常见的操作，下面同本文给大家分享四种放哪广发获取数组中最大值和最小值，对此感兴趣的朋友一起学习吧

比较数组中数值的大小是比较常见的操作，比较大小的方法有多种，比如可以使用自带的sort()函数，下面来介绍如下几种方法，代码如下:

方法一：

//最小值
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，调用对象为Math，与多个参数

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

方法三：

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]; 
console.log(getMaximin(a,"max"));//10
console.log(getMaximin(b,"min"));//04

方法四：

var a=[1,2,3,5];
alert(Math.max.apply(null, a));//最大值
alert(Math.min.apply(null, a));//最小值

多维数组可以这么修改：

var a=[1,2,3,[5,6],[1,4,8]];
var ta=a.join(",").split(",");//转化为一维数组
alert(Math.max.apply(null,ta));//最大值
alert(Math.min.apply(null,ta));//最小值

以上内容是小编给大家分享的Javascript获取数组中的最大值和最小值的方法汇总，希望大家喜欢。

您可能感兴趣的文章:

相关文章

  • Bootstrap每天必学之媒体对象

    Bootstrap每天必学之媒体对象

    Bootstrap每天必学之媒体对象，对BootBootstrap每天必学之媒体对象小编也了解的很少，希望通过这篇文章和大家更多的去学习Bootstrap每天必学之媒体对象，从中得到收获。
    2015-11-11
  • JavaScript Canvas实现验证码

    JavaScript Canvas实现验证码

    这篇文章主要为大家详细介绍了JavaScript Canvas实现验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-08-08
  • window.addEventListener来解决让一个js事件执行多个函数

    window.addEventListener来解决让一个js事件执行多个函数

    可能你也碰到过这种情况,就是在js的代码中用了window.onload后,可能会影响到body中的onload事件。这时就要用window.attachEvent和window.addEventListener来解决一下,需要的朋友可以参考下
    2012-12-12
  • JS实现单张或多张图片持续无缝滚动的示例代码

    JS实现单张或多张图片持续无缝滚动的示例代码

    这篇文章主要介绍了JS实现单张或多张图片持续无缝滚动效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • Javascript基础之数组的使用

    Javascript基础之数组的使用

    这篇文章主要介绍了Javascript基础之数组的使用的相关资料，介绍的非常详解，具有参考借鉴价值，感兴趣的朋友一起学习吧
    2016-05-05
  • 浅谈js中的attributes和Attribute的用法与区别

    浅谈js中的attributes和Attribute的用法与区别

    这篇文章主要介绍了浅谈js中的attributes和Attribute的用法与区别，attributes可以获取一个对象中的一个属性，attributes 属性返回指定节点属性的集合，文中通过示例代码介绍的非常详细，需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • JavaScript常用正则函数用法示例

    JavaScript常用正则函数用法示例

    这篇文章主要介绍了JavaScript常用正则函数用法,结合实例形式分析了JavaScript正则函数match、exec、test、search、replace、split的功能与具体使用技巧,需要的朋友可以参考下
    2017-01-01
  • JavaScript DOM节点操作方式全面讲解

    JavaScript DOM节点操作方式全面讲解

    DOM（Document Object Model 文档对象模型）定义了访问和操作文档的标准方法。整个浏览器网页就是一个Dom树形结构，这篇文章主要介绍了JavaScript DOM节点操作方式
    2022-10-10
  • JavaScript判断数字是否为质数的方法汇总

    JavaScript判断数字是否为质数的方法汇总

    这篇文章主要介绍了JavaScript判断数字是否为质数的方法汇总的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
    2016-06-06
  • JavaScript实现滑块验证解锁

    JavaScript实现滑块验证解锁

    这篇文章主要为大家详细介绍了JavaScript实现滑块验证解锁，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-01-01

最新评论