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


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 相关文章推荐
jQuery的写法不同导致的兼容性问题的解决方法
Jul 29 Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
Nov 11 Javascript
javascript中的作用域和上下文使用简要概述
Dec 05 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
Dec 17 Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 Javascript
浅谈js中子页面父页面方法 变量相互调用
Aug 04 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
Oct 16 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 Javascript
夯基础之手撕javascript继承详解
Nov 09 Javascript
vue穿梭框实现上下移动
Jan 29 Vue.js
详解Vue的options
May 15 Vue.js
webpack的移动端适配方案小结
Jul 25 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之第四天
2006/10/09 PHP
无限级别菜单的实现
2006/10/09 PHP
php正则过滤html标签、空格、换行符的代码(附说明)
2010/10/25 PHP
PHP生成迅雷、快车、旋风等软件的下载链接代码实例
2014/05/12 PHP
PHP数组相关函数汇总
2015/03/24 PHP
PHP递归的三种常用方式
2019/02/28 PHP
JavaScript基础知识之数据类型
2012/08/06 Javascript
jquery序列化表单以及回调函数的使用示例
2014/07/02 Javascript
jQuery判断对象是否存在的方法
2015/02/05 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
2015/06/19 Javascript
JS实现的在线调色板实例(附demo源码下载)
2016/03/01 Javascript
Angular ui.bootstrap.pagination分页
2017/01/20 Javascript
JavaScript Uploadify文件上传实例
2017/02/28 Javascript
jQuery使用ajax_动力节点Java学院整理
2017/07/05 jQuery
Angularjs 手写日历的实现代码(不用插件)
2017/10/18 Javascript
了解ESlint和其相关操作小结
2018/05/21 Javascript
vue实现点击当前标签高亮效果【推荐】
2018/06/22 Javascript
vue封装一个简单的div框选时间的组件的方法
2019/01/06 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
2019/06/10 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
vue+element导航栏高亮显示的解决方式
2019/11/12 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
2020/04/26 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
2021/01/03 Vue.js
[02:51]DOTA2英雄基础教程 艾欧
2014/01/13 DOTA
[01:24:51]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第二场
2014/05/26 DOTA
python自定义类并使用的方法
2015/05/07 Python
利用numpy实现一、二维数组的拼接简单代码示例
2017/12/15 Python
PyCharm 常用快捷键和设置方法
2017/12/20 Python
Python实现微信中找回好友、群聊用户撤回的消息功能示例
2019/08/23 Python
python列表推导式操作解析
2019/11/26 Python
Python双链表原理与实现方法详解
2020/02/22 Python
基于django2.2连oracle11g解决版本冲突的问题
2020/07/02 Python
澳大利亚正品化妆品之家:Cosmetic Capital
2017/07/03 全球购物
C语言编程题
2015/03/09 面试题
办公设备采购方案
2014/03/16 职场文书
大型主题婚礼活动策划方案
2014/09/15 职场文书