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


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 相关文章推荐
js实现简单模态窗口,背景灰显
Nov 14 Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
Nov 23 Javascript
jQuery过滤选择器用法分析
Feb 10 Javascript
浅析Javascript ES6中的原生Promise
Aug 25 Javascript
jquery判断类型是不是number类型的实例代码
Oct 07 Javascript
Bootstrap图片轮播组件Carousel使用方法详解
Oct 20 Javascript
前端 Vue.js 和 MVVM 详细介绍
Dec 29 Javascript
element-ui 设置菜单栏展开的方法
Aug 22 Javascript
d3绘制基本的柱形图的实现代码
Dec 12 Javascript
关于vue-cli 3配置打包优化要点(推荐)
Apr 22 Javascript
javascript面向对象三大特征之封装实例详解
Jul 24 Javascript
小程序中手机号识别的示例
Dec 14 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
destoon安装出现Internal Server Error的解决方法
2014/06/21 PHP
摘自织梦CMS中的图片处理类
2015/08/08 PHP
Yii2主题(Theme)用法详解
2016/07/23 PHP
CakePHP框架Session设置方法分析
2017/02/23 PHP
php 根据自增id创建唯一编号类
2017/04/06 PHP
laravel利用中间件做防非法登录和权限控制示例
2019/10/21 PHP
js小技巧--自动隐藏红叉叉
2007/08/13 Javascript
JavaScript 原型链学习总结
2010/10/29 Javascript
jquery队列queue与原生模仿其实现方法分享
2014/03/25 Javascript
jquery实现滑动特效代码
2015/08/10 Javascript
原生js封装自定义滚动条
2017/03/24 Javascript
微信小程序 实现点击添加移除class
2017/06/12 Javascript
Node.js  REPL (交互式解释器)实例详解
2017/08/06 Javascript
vue-cli项目中使用Mockjs详解
2018/05/14 Javascript
React Native开发封装Toast与加载Loading组件示例
2018/09/08 Javascript
ElementUI中el-tree节点的操作的实现
2020/02/27 Javascript
jquery实现异步文件上传ajaxfileupload.js
2020/10/23 jQuery
[48:38]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs Secret
2018/03/31 DOTA
Python3读取文件常用方法实例分析
2015/05/22 Python
Python下使用Scrapy爬取网页内容的实例
2018/05/21 Python
浅谈Pytorch中的torch.gather函数的含义
2019/08/18 Python
Python文件操作方法详解
2020/02/09 Python
python中sys模块是做什么用的
2020/08/16 Python
Django生成数据库及添加用户报错解决方案
2020/10/09 Python
python编写扎金花小程序的实例代码
2021/02/23 Python
StubHub哥伦比亚:购买和出售您的门票
2016/10/20 全球购物
2013的个人自我评价
2013/12/26 职场文书
单位人事专员介绍信
2014/01/11 职场文书
北京大学自荐信范文
2014/01/28 职场文书
老师的检讨书
2014/02/23 职场文书
献爱心活动总结
2014/05/07 职场文书
2014年全国爱牙日宣传活动方案
2014/09/21 职场文书
2015年度电厂个人工作总结
2015/05/13 职场文书
早会开场白台词大全
2015/06/01 职场文书
浅谈Python类的单继承相关知识
2021/05/12 Python
react antd实现动态增减表单
2021/06/03 Javascript