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


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 循环调用示例介绍
Nov 20 Javascript
使用focus方法让光标默认停留在INPUT框
Jul 29 Javascript
JavaScript 学习笔记之语句
Jan 14 Javascript
vue2.0开发实践总结之疑难篇
Dec 07 Javascript
详解vue之页面缓存问题(基于2.0)
Jan 10 Javascript
微信小程序 ES6Promise.all批量上传文件实现代码
Apr 14 Javascript
详解通过JSON数据使用VUE.JS
May 26 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
Feb 21 Javascript
layui在form表单页面通过Validform加入简单验证的方法
Sep 06 Javascript
JS中的模糊查询功能
Dec 08 Javascript
vue中watch和computed为什么能监听到数据的改变以及不同之处
Dec 27 Javascript
Vue事件处理原理及过程详解
Mar 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
人工智能开始玩《星际争霸2》 你的操作跟得上吗?
2017/08/11 星际争霸
PHP函数之日期时间函数date()使用详解
2013/09/09 PHP
PHP实现加强版加密解密类实例
2015/07/29 PHP
详解PHP序列化和反序列化原理
2018/01/15 PHP
JavaScript While 循环基础教程
2007/04/05 Javascript
javascript 短路法代码精简
2009/08/20 Javascript
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
2010/02/07 Javascript
Node.js与Sails ~项目结构与Mvc实现及日志机制
2015/10/14 Javascript
JS实现点击按钮获取页面高度的方法
2015/11/02 Javascript
基于jQuery实现点击列表加载更多效果
2016/05/31 Javascript
微信小程序 教程之数据绑定
2016/10/18 Javascript
AngularJS中一般函数参数传递用法分析
2016/11/22 Javascript
jQuery实现文档树效果
2017/02/20 Javascript
BootStrap的两种模态框方式
2017/05/10 Javascript
js实现轮播图效果 z-index实现轮播图
2020/01/17 Javascript
仿照Element-ui实现一个简易的$message方法
2020/09/14 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
2020/11/11 Javascript
Python中__call__用法实例
2014/08/29 Python
Python 文件管理实例详解
2015/11/10 Python
python计算auc指标实例
2017/07/13 Python
Python实现破解12306图片验证码的方法分析
2017/12/29 Python
利用Python如何制作好玩的GIF动图详解
2018/07/11 Python
python解析json串与正则匹配对比方法
2018/12/20 Python
windows10下安装TensorFlow Object Detection API的步骤
2019/06/13 Python
基于Python中Remove函数的用法讨论
2020/12/11 Python
Python+Appium实现自动化清理微信僵尸好友的方法
2021/02/04 Python
Old Navy加拿大官网:美式休闲服饰品牌
2017/09/26 全球购物
FC-Moto瑞典:欧洲最大的摩托车服装和头盔商店之一
2018/11/27 全球购物
理肤泉英国官网:La Roche-Posay英国
2019/01/14 全球购物
C#公司笔试题
2014/03/28 面试题
一套中级Java程序员笔试题
2015/01/14 面试题
医学毕业生自我鉴定
2013/10/30 职场文书
女方婚礼新郎答谢词
2014/01/11 职场文书
出国签证在职证明
2014/01/16 职场文书
受伤赔偿协议书
2014/09/24 职场文书
MySQL官方导出工具mysqlpump的使用
2021/05/21 MySQL