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

所属分类: 网络编程 / JavaScript 阅读数: 434
收藏 0 赞 0 分享

今天为大家分享一个方法,这个方法是针对数组的。在日常工作中,我们在遇到数组的问题时候也许会很头疼。特别是让我们从奇形怪状的数组中寻找出最大最小值。之前虽然介绍过一种求数组最大最小值的方法,但那个方法只是用于数组中都是数字的。

接下来,我介绍的方法,适用于任何数组,这话方法都会把数组中的数值挑出来,比一比大小。
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 this关键字指向常用情况解析

这篇文章主要介绍了JavaScript this关键字指向常用情况解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Vue-cli打包后如何本地查看的操作

这篇文章主要介绍了Vue-cli打包后如何本地查看的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue cli 3.0通用打包配置代码,不分一二级目录

这篇文章主要介绍了vue cli 3.0通用打包配置代码,不分一二级目录,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JavaScript事件循环及宏任务微任务原理解析

这篇文章主要介绍了JavaScript事件循环及宏任务微任务原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

关于vue-cli3打包代码后白屏的解决方案

这篇文章主要介绍了关于vue-cli3打包代码后白屏的解决方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue打包静态资源后显示空白及static文件路径报错的解决

这篇文章主要介绍了vue打包静态资源后显示空白及static文件路径报错的解决,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue-cli3访问public文件夹静态资源报错的解决方式

这篇文章主要介绍了vue-cli3访问public文件夹静态资源报错的解决方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS继承实现方法及优缺点详解

这篇文章主要介绍了JS继承实现方法及优缺点详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

vue或react项目生产环境去掉console.log的操作

这篇文章主要介绍了vue或react项目生产环境去掉console.log的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题

这篇文章主要介绍了解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享
查看更多