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


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 学习笔记(三)
Dec 29 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
Dec 11 Javascript
js对文章内容进行分页示例代码
Mar 05 Javascript
JQuery之proxy实现绑定代理方法
Aug 01 Javascript
详解react-webpack2-热模块替换[HMR]
Aug 03 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
Sep 20 Javascript
vue2.0 路由不显示router-view的解决方法
Mar 06 Javascript
详解element-ui日期时间选择器的日期格式化问题
Apr 08 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
Sep 18 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
Dec 12 Javascript
如何阻止移动端浏览器点击图片浏览
Aug 29 Javascript
Vue实现随机验证码功能
Dec 29 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
实例(Smarty+FCKeditor新闻系统)
2007/01/02 PHP
php实现计算百度地图坐标之间距离的方法
2016/05/05 PHP
详解php框架Yaf路由重写
2017/06/20 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
javascript removeChild 使用注意事项
2009/04/11 Javascript
IE6下opacity与JQuery的奇妙结合
2013/03/01 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
2014/10/31 Javascript
学习javascript面向对象 掌握创建对象的9种方式
2016/01/04 Javascript
Bootstrap多级导航栏(级联导航)的实现代码
2016/03/08 Javascript
JavaScript的==运算详解
2016/07/20 Javascript
js实现密码强度检验
2017/01/15 Javascript
vue表单绑定实现多选框和下拉列表的实例
2017/08/12 Javascript
解决layui table表单提示数据接口请求异常的问题
2019/09/24 Javascript
jQuery 筛选器简单操作示例
2019/10/02 jQuery
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
基于canvasJS在PHP中制作动态图表
2020/05/30 Javascript
python实现逻辑回归的方法示例
2017/05/02 Python
python创建列表和向列表添加元素的实现方法
2017/12/25 Python
python3操作注册表的方法(Url protocol)
2020/02/05 Python
python获取系统内存占用信息的实例方法
2020/07/17 Python
Python实现上下文管理器的方法
2020/08/07 Python
windows+vscode安装paddleOCR运行环境的步骤
2020/11/11 Python
美国名牌太阳镜折扣网站:Eyedictive
2017/05/15 全球购物
全球领先美式家具品牌:Ashley爱室丽家居
2017/08/07 全球购物
Bailey帽子官方商店:Bailey Hats
2018/09/25 全球购物
Lookfantastic俄罗斯:欧洲在线化妆品零售商
2019/08/06 全球购物
当我正在为表建立索引的时候,SQL Server 会禁止对表的访问吗
2014/04/28 面试题
什么是Connection-oriented Protocol/Connectionless Protocol面向连接的协议/无连接协议
2012/09/06 面试题
关于Java finally的面试题
2016/04/27 面试题
幼儿园大班新学期寄语
2014/01/18 职场文书
解除合同协议书
2014/04/17 职场文书
卫校毕业生自我鉴定
2014/09/28 职场文书
Django显示可视化图表的实践
2021/05/10 Python
tensorboard 可视化之localhost:6006不显示的解决方案
2021/05/22 Python
变长双向rnn的正确使用姿势教学
2021/05/31 Python
Redis源码阅读:Redis字符串SDS详解
2021/07/15 Redis