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


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 相关文章推荐
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
Apr 17 Javascript
iframe子页面获取父页面元素的方法
Nov 05 Javascript
jQuery页面刷新(局部、全部)问题分析
Jan 09 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
Feb 29 Javascript
javascript创建含数字字母的随机字符串方法总结
Aug 01 Javascript
React中上传图片到七牛的示例代码
Oct 10 Javascript
JavaScript模块详解
Dec 18 Javascript
webpack4.x开发环境配置详解
Aug 04 Javascript
bootstrap动态调用select下拉框的实例代码
Aug 09 Javascript
常见的浏览器存储方式(cookie、localStorage、sessionStorage)
May 07 Javascript
js实现简单页面全屏
Sep 17 Javascript
vuex存储token示例
Nov 11 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/04/29 PHP
PHP函数按引用传递参数及函数可选参数用法示例
2018/06/04 PHP
JQuery魔力之$(&quot;tagName&quot;)与selector
2012/03/05 Javascript
jquery命令汇总,方便使用jquery的朋友
2012/06/26 Javascript
document.createElement()用法及注意事项(ff下不兼容)
2013/03/13 Javascript
ExtJs纵坐标值重复问题的解决方法
2014/02/27 Javascript
jquery实现的鼠标下拉滚动置顶效果
2014/07/24 Javascript
jQuery中remove()方法用法实例
2014/12/25 Javascript
原生javascript实现自动更新的时间日期
2016/02/12 Javascript
js实现手机发送验证码功能
2017/03/13 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
javascript流程控制语句集合
2017/09/18 Javascript
初探js和简单隐藏效果的实例
2017/11/23 Javascript
Javasript设计模式之链式调用详解
2018/04/26 Javascript
JavaScript代理模式原理与用法实例详解
2020/03/10 Javascript
原生js实现html手机端城市列表索引选择城市
2020/06/24 Javascript
解决Pycharm无法import自己安装的第三方module问题
2018/05/18 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
python numpy元素的区间查找方法
2018/11/14 Python
python实现windows壁纸定期更换功能
2019/01/21 Python
详解Python locals()的陷阱
2019/03/26 Python
使用Python做定时任务及时了解互联网动态
2019/05/15 Python
pytorch实现用CNN和LSTM对文本进行分类方式
2020/01/08 Python
一款纯css3实现简单的checkbox复选框和radio单选框
2014/11/05 HTML / CSS
Draper James官网:知名演员瑞茜·威瑟斯彭所创品牌
2017/10/25 全球购物
SmartBuyGlasses比利时:购买品牌太阳镜和眼镜
2019/08/09 全球购物
澳大利亚波希米亚风时尚品牌:Tree of Life
2019/09/15 全球购物
EJB实例的生命周期
2016/10/28 面试题
大学生毕业求职简历的自我评价
2013/10/24 职场文书
班组长安全生产职责
2013/12/16 职场文书
员工辞职信范文
2015/03/02 职场文书
2015仓库保管员年终工作总结
2015/05/13 职场文书
立项申请报告范本
2015/05/15 职场文书
关于车尾的标语大全
2015/08/11 职场文书
《画家和牧童》教学反思
2016/02/17 职场文书
react国际化react-intl的使用
2021/05/06 Javascript