求数组最大最小值方法适用于任何数组

 更新时间:2013年08月16日 17:37:44   作者:  
之前虽然介绍过一种求数组最大最小值的方法,但那个方法只是用于数组中都是数字的,下面为大家介绍个方法适用于任何数组,有此需求的朋友可以参考下

今天为大家分享一个方法,这个方法是针对数组的。在日常工作中,我们在遇到数组的问题时候也许会很头疼。特别是让我们从奇形怪状的数组中寻找出最大最小值。之前虽然介绍过一种求数组最大最小值的方法,但那个方法只是用于数组中都是数字的。

接下来,我介绍的方法,适用于任何数组,这话方法都会把数组中的数值挑出来,比一比大小。
Html代码:

复制代码 代码如下:

<div id="box">
<b>['1200px', 300, 'abc', 4, 90, [], '12.56元', function(){}, 'xyz'-30, true, Number('abc')]</b>
<p>最大值和最小值是:<input id="inpu" type="button" value="显示" /></p>
</div>

html预览:
 
JavaScript代码:
复制代码 代码如下:

//var arr = [ '1200px', 300, 'abc', 4, 90, [], '12.56元', function(){}, 'xyz'-30, true, Number('abc') ];
/*
找出最大值和最小值:1200、4
*/
window.onload = function(){
var arr = ['1200px', 300, 'abc', 4, 90, [], '12.56元', function(){}, 'xyz'-30, true, Number('abc')];

/*
getMinMax 获取最大最小值的方法
arr array 获取最大最小值的数组
num number 可传big或small
返回 number 参数若是big会返回最大值,small会返回最小值
*/
function getMinMax (arr,num) {
var big = parseInt(arr[0]),
small = parseInt(arr[0]),
i = 0,
al = arr.length;

for( i = 0; i < al; i++) {
if(parseInt(arr[i]) > big) {
big = parseInt(arr[i])

} else if(parseInt(arr[i]) < small) {
small = parseInt(arr[i]);
}
}
if (num=="big") return big;
else if (num=="small") return small;
}
//点击显示,会出现最大值12或最小值4
document.getElementById("inpu").onclick = function () {
this.parentNode.innerHTML = "2.最大值和最小值是:" + getMinMax (arr,"big") + "、"+ getMinMax (arr,"small");
}
}

预览效果:

以上便是我分享的数组最大最小方法。希望对大家有所帮助。有啥建议咱们可以随时交流哈。~

相关文章

  • JS 数字转换为大写金额的简单实例

    JS 数字转换为大写金额的简单实例

    下面小编就为大家带来一篇JS 数字转换为大写金额的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • xml和web特殊字符

    xml和web特殊字符

    在html和xml文件中,往往会因为以下特殊字符而导致文件解析出错,一般通过以下函数来处理。
    2009-04-04
  • Javascript & DHTML上传文件控件

    Javascript & DHTML上传文件控件

    首先来做一个实例,批量上传的UI控件。以后一般做的示例也是以UI控件为主的。都是封装成Object或者用Function封装成"Class"类。
    2008-07-07
  • uniapp App端使用高德地图超详细步骤

    uniapp App端使用高德地图超详细步骤

    地图现在已经渗入到生活的方方面面,给生活带了极大的编译,那么我们如何才能在项目中引入地图呢?这篇文章主要给大家介绍了关于uniapp App端使用高德地图超详细步骤的相关资料,需要的朋友可以参考下
    2023-11-11
  • JS日期和时间选择控件升级版(自写)

    JS日期和时间选择控件升级版(自写)

    鉴于网上找到的几个日期选择程序有些问题,遂着手重写一个程序,添加了时间选择功能,截图及源码如下,有需要的朋友可以参考下
    2013-08-08
  • Javascript中的String对象详谈

    Javascript中的String对象详谈

    这篇文章主要介绍了Javascript中的String对象,需要的朋友可以参考下
    2014-03-03
  • 详解webpack性能优化——DLL

    详解webpack性能优化——DLL

    本篇文章主要介绍了详解webpack性能优化——DLL,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 详解JS如何判断对象上是否存在某个属性

    详解JS如何判断对象上是否存在某个属性

    判断某一个对象里面是否存在某个属性,是常见错误场景排查,但是你真的知道该如何使用嘛,本文为大家整理了常用的三种方法,希望对大家有所帮助
    2023-05-05
  • ES6中Set和Map数据结构的简单讲解

    ES6中Set和Map数据结构的简单讲解

    大家心里是否产生过这样的疑问,JS中既然已经有对象这种数据结构,我们为什么还要再单独去使用Set或者Map呢?下面这篇文章主要给大家介绍了关于ES6中Set和Map数据结构的相关资料,需要的朋友可以参考下
    2022-08-08
  • 微信小程序点击列表跳转到对应详情页过程解析

    微信小程序点击列表跳转到对应详情页过程解析

    这篇文章主要介绍了微信小程序点击列表跳转到对应详情页过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09

最新评论