DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 求數組最大最小值方法適用於任何數組
求數組最大最小值方法適用於任何數組
編輯:關於JavaScript     

今天為大家分享一個方法,這個方法是針對數組的。在日常工作中,我們在遇到數組的問題時候也許會很頭疼。特別是讓我們從奇形怪狀的數組中尋找出最大最小值。之前雖然介紹過一種求數組最大最小值的方法,但那個方法只是用於數組中都是數字的。

接下來,我介紹的方法,適用於任何數組,這話方法都會把數組中的數值挑出來,比一比大小。
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");
}
}

預覽效果:

以上便是我分享的數組最大最小方法。希望對大家有所幫助。有啥建議咱們可以隨時交流哈。~

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved