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


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中用星号表示预录入内容的实现代码
Jan 08 Javascript
jQuery对Select的操作大集合(收藏)
Dec 28 Javascript
js子页面获取父页面数据示例
May 15 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
Jun 16 Javascript
JS新包管理工具yarn和npm的对比与使用入门
Dec 09 Javascript
js实现获取鼠标当前的位置
Dec 14 Javascript
AngularJS遍历获取数组元素的方法示例
Nov 11 Javascript
利用Angular2的Observables实现交互控制的方法
Dec 27 Javascript
vue+axios实现post文件下载
Sep 25 Javascript
vue中axios的二次封装实例讲解
Oct 14 Javascript
在vue项目中 实现定义全局变量 全局函数操作
Oct 26 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
PHP函数引用返回的实例详解
2016/09/11 PHP
PHP中常用的三种设计模式详解【单例模式、工厂模式、观察者模式】
2019/06/14 PHP
给网站上的广告“加速”显示的方法
2007/04/08 Javascript
jQuery JSON实现无刷新三级联动实例探讨
2013/05/28 Javascript
jquery使用正则表达式验证email地址的方法
2015/01/22 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
2015/10/28 Javascript
JavaScript制作弹出层效果
2016/12/02 Javascript
Vue shopCart 组件开发详解
2018/01/26 Javascript
JS实现访问DOM对象指定节点的方法示例
2018/04/04 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
2018/06/14 Javascript
教你如何编写Vue.js的单元测试的方法
2018/10/17 Javascript
JS多个表单数据提交下的serialize()应用实例分析
2019/08/27 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
2019/11/12 Javascript
Vue包大小优化的实现(从1.72M到94K)
2021/02/18 Vue.js
[46:55]Ti4 冒泡赛第二轮 LGD vs C9
2014/07/14 DOTA
更改Python命令行交互提示符的方法
2015/01/14 Python
python使用pil生成图片验证码的方法
2015/05/08 Python
微信跳一跳python辅助脚本(总结)
2018/01/11 Python
Python pymongo模块用法示例
2018/03/31 Python
Python 绘图库 Matplotlib 入门教程
2018/04/19 Python
wtfPython—Python中一组有趣微妙的代码【收藏】
2018/08/31 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
python3实现单目标粒子群算法
2019/11/14 Python
flask实现验证码并验证功能
2019/12/05 Python
python3实现名片管理系统(控制台版)
2020/11/29 Python
HTML5新增加标签和功能概述
2016/09/05 HTML / CSS
美国最大的袜子制造商和零售商:Renfro Socks
2017/09/03 全球购物
七年级地理教学反思
2014/01/26 职场文书
应聘医药销售自荐书范文
2014/02/08 职场文书
财务总监管理职责范文
2014/03/09 职场文书
北京申奥口号
2014/06/19 职场文书
雷人标语集锦
2014/06/19 职场文书
五一劳动节慰问信
2015/02/14 职场文书
2016小学优秀教师先进事迹材料
2016/02/26 职场文书
教你使用Pandas直接核算Excel中快递费用
2021/05/12 Python
2021好看的国漫排行榜前十名 《完美世界》上榜,《元龙》排名第一
2022/03/18 国漫