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


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 相关文章推荐
如何快速的呈现我们的网页的技巧整理
Jul 01 Javascript
在js中判断checkboxlist(.net控件客户端id)是否有选中
Apr 11 Javascript
根据选择不同的下拉值出现相对应的文本输入框
Aug 01 Javascript
JSON传递bool类型数据的处理方式介绍
Sep 18 Javascript
CSS+jQuery实现的一个放大缩小动画效果
Sep 24 Javascript
ES6中的Promise代码详解
Oct 09 Javascript
Angular.js实现获取验证码倒计时60秒按钮的简单方法
Oct 18 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 jQuery
详解vue中的computed的this指向问题
Dec 05 Javascript
JavaScript实现数字前补“0”的五种方法示例
Jan 03 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
Apr 16 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
Jul 17 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
B2K与车机的中波PK
2021/03/02 无线电
第十一节--重载
2006/11/16 PHP
php 数组的创建、调用和更新实现代码
2009/03/09 PHP
php字符串截取的简单方法
2013/07/04 PHP
ThinkPHP基本的增删查改操作实例教程
2014/08/22 PHP
AJAX的使用方法详解
2017/04/29 PHP
VSCode+PHPstudy配置PHP开发环境的步骤详解
2020/08/20 PHP
Javascript基础知识(三)BOM,DOM总结
2014/09/29 Javascript
js代码实现无缝滚动(文字和图片)
2015/08/20 Javascript
JavaScript中的this机制
2016/01/30 Javascript
针对BootStrap中tabs控件的美化和完善(推荐)
2016/07/06 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
2016/07/11 Javascript
js阻止冒泡和默认事件(默认行为)详解
2016/10/20 Javascript
简单实现JS倒计时效果
2016/12/23 Javascript
关于Javascript中document.cookie的使用
2017/03/08 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
2017/04/23 jQuery
JavaScript实现获取用户单击body中所有A标签内容的方法
2017/06/05 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
2017/12/06 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
2018/01/30 Javascript
jQuery中图片展示插件highslide.js的简单dom
2018/04/22 jQuery
vue 实现单选框设置默认选中值
2019/11/07 Javascript
在Vue中使用antv的示例代码
2020/06/29 Javascript
JavaScript eval()函数定义及使用方法详解
2020/07/07 Javascript
uniapp微信小程序实现一个页面多个倒计时
2020/11/01 Javascript
详谈python http长连接客户端
2017/06/12 Python
Python实现时钟显示效果思路详解
2018/04/11 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
python爬虫模拟浏览器访问-User-Agent过程解析
2019/12/28 Python
pytorch 准备、训练和测试自己的图片数据的方法
2020/01/10 Python
万宝龙英国官网:Montblanc手表、书写工具、皮革和珠宝
2018/10/16 全球购物
教师评优事迹材料
2014/01/10 职场文书
幼儿园教师岗位职责
2014/03/17 职场文书
装饰工程师岗位职责
2014/06/08 职场文书
高中军训感想
2015/08/07 职场文书
2019年二手房买卖合同范本
2019/10/14 职场文书
Python实现对齐打印 format函数的用法
2022/04/28 Python