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


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 相关文章推荐
javascript实现的鼠标链接提示效果生成器代码
Jun 28 Javascript
jQuery 扩展对input的一些操作方法
Oct 30 Javascript
Riot.js 快速的JavaScript单元测试框架
Nov 09 Javascript
图片轮换效果实现代码(点击按钮停止执行)
Apr 12 Javascript
2014年50个程序员最适用的免费JQuery插件
Dec 15 Javascript
Javascript核心读书有感之表达式和运算符
Feb 11 Javascript
Node.js返回JSONP详解
May 18 Javascript
JavaScript——DOM操作——Window.document对象详解
Jul 14 Javascript
浅析ES6的八进制与二进制整数字面量
Aug 30 Javascript
js提取中文拼音首字母的封装工具类
Mar 12 Javascript
JS插入排序简单理解与实现方法分析
Nov 25 Javascript
vue实现打地鼠小游戏
Aug 21 Javascript
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
需要发散思维学习PHP
2009/06/29 PHP
php截取指定2个字符之间字符串的方法
2015/04/15 PHP
php遍历目录下文件并按修改时间排序操作示例
2019/07/12 PHP
javascript与CSS复习(二)
2010/06/29 Javascript
sogou地图API用法实例教程
2014/09/11 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
2014/09/28 Javascript
node.js中的fs.ftruncate方法使用说明
2014/12/15 Javascript
jQuery中append()方法用法实例
2014/12/25 Javascript
jQuery中:first选择器用法实例
2014/12/30 Javascript
AngularJS 基础ng-class-even指令用法
2016/08/01 Javascript
微信小程序 引用其他js文件实现代码
2017/02/22 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
2018/08/14 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
2018/08/29 Javascript
Koa 使用小技巧(小结)
2018/10/22 Javascript
JS实现的获取银行卡号归属地及银行卡类型操作示例
2019/01/08 Javascript
layui的数据表格+springmvc实现搜索功能的例子
2019/09/28 Javascript
vue3.0中使用postcss-pxtorem的具体方法
2019/11/20 Javascript
解决ant Design中Select设置initialValue时的大坑
2020/10/29 Javascript
uni-app 自定义底部导航栏的实现
2020/12/11 Javascript
python判断、获取一张图片主色调的2个实例
2014/04/10 Python
python中的列表推导浅析
2014/04/26 Python
python在指定目录下查找gif文件的方法
2015/05/04 Python
使用Python操作MySQL的一些基本方法
2015/08/16 Python
Python实现抓取网页生成Excel文件的方法示例
2017/08/05 Python
Python3打包exe代码2种方法实例解析
2020/02/17 Python
Python如何读取、写入CSV数据
2020/07/28 Python
记一次Django响应超慢的解决过程
2020/09/17 Python
CSS实现鼠标滑过鼠标点击代码写法
2016/12/26 HTML / CSS
End Clothing美国站:英国男士潮牌商城
2018/04/20 全球购物
英国最大的专业户外零售商:Mountain Warehouse
2018/06/06 全球购物
不开辟用于交换数据的临时空间,如何完成字符串的逆序
2012/12/02 面试题
化工专业个人的求职信范文
2013/11/28 职场文书
三年级小学生评语
2014/04/22 职场文书
超市创意活动方案
2014/08/15 职场文书
争先创优演讲稿
2014/09/15 职场文书
请病假条范文
2015/08/17 职场文书