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


Posted in Javascript onAugust 16, 2013

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

接下来,我介绍的方法,适用于任何数组,这话方法都会把数组中的数值挑出来,比一比大小。
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"); 
} 
}

预览效果:
求数组最大最小值方法适用于任何数组
以上便是我分享的数组最大最小方法。希望对大家有所帮助。有啥建议咱们可以随时交流哈。~
Javascript 相关文章推荐
javascrip关于继承的小例子
May 10 Javascript
js实现图片和链接文字同步切换特效的方法
Feb 20 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
Jun 04 Javascript
js模仿php中strtotime()与date()函数实现方法
Aug 11 Javascript
jQuery插件实现文字无缝向上滚动效果代码
Feb 25 Javascript
jQuery Chosen通用初始化
Mar 07 Javascript
vue中post请求以a=a&amp;b=b 的格式写遇到的问题
Apr 27 Javascript
node.js中express模块创建服务器和http模块客户端发请求
Mar 06 Javascript
浅谈JavaScript面向对象--继承
Mar 20 Javascript
vue-test-utils初使用详解
May 23 Javascript
JS中一些高效的魔法运算符总结
May 06 Javascript
Vue详细的入门笔记
May 10 Vue.js
js 表单提交后按钮变灰的实例代码
Aug 16 #Javascript
JavaScript版TAB选项卡效果实例
Aug 16 #Javascript
javascript同页面多次调用弹出层具体实例代码
Aug 16 #Javascript
网站404页面3秒后跳到首页的实例代码
Aug 16 #Javascript
Javascript控制页面链接在新窗口打开具体方法
Aug 16 #Javascript
动态加载script文件的两种方法
Aug 15 #Javascript
js string 转 int 注意的问题小结
Aug 15 #Javascript
You might like
PHP5 面向对象(学习记录)
2009/12/02 PHP
php调用dll的实例操作动画与代码分享
2012/08/14 PHP
php调用C代码的实现方法
2014/03/11 PHP
用js判断用户浏览器是否是XP SP2的IE6
2007/03/08 Javascript
又一个小巧的图片预加载类
2007/05/05 Javascript
解决jquery .ajax 在IE下卡死问题的解决方法
2009/10/26 Javascript
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
2009/11/24 Javascript
Extjs4 关于Store的一些操作(加载/回调/添加)
2013/04/18 Javascript
javascript基础之查找元素的详细介绍(访问节点)
2013/07/05 Javascript
使用node.js 获取客户端信息代码分享
2014/11/26 Javascript
终于实现了!精彩的jquery弹幕效果
2016/07/18 Javascript
react native带索引的城市列表组件的实例代码
2017/08/08 Javascript
vue中倒计时组件的实例代码
2018/07/06 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
2020/02/21 Javascript
react 生命周期实例分析
2020/05/18 Javascript
vue实现下拉菜单树
2020/10/22 Javascript
three.js 实现露珠滴落动画效果的示例代码
2021/03/01 Javascript
[51:14]LGD vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
python实现聚类算法原理
2018/02/12 Python
深入浅析Python 中的sklearn模型选择
2019/10/12 Python
python进程间通信Queue工作过程详解
2019/11/01 Python
python 基于dlib库的人脸检测的实现
2019/11/08 Python
python实现滑雪游戏
2020/02/22 Python
python GUI库图形界面开发之PyQt5浏览器控件QWebEngineView详细使用方法
2020/02/26 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
Django 用户认证Auth组件的使用
2020/11/30 Python
CSS3 实现穿梭星空动画
2020/11/13 HTML / CSS
详解HTML5中div和section以及article的区别
2015/07/14 HTML / CSS
函授毕业个人自我评价
2014/02/20 职场文书
工作时间擅自离岗检讨书
2014/10/24 职场文书
2014年仓管员工作总结
2014/11/18 职场文书
检讨书范文300字
2015/01/28 职场文书
python opencv常用图形绘制方法(线段、矩形、圆形、椭圆、文本)
2021/04/12 Python
分享几种python 变量合并方法
2022/03/20 Python
「女孩的钓鱼慢活」全新版权绘公布
2022/03/21 日漫
Golang 链表的学习和使用
2022/04/19 Golang