javascript實現數組最大值和最小值的6種方法
給定一個數組[1,8,5,4,3,9,2],編寫一個算法,得到數組的最大值 9,和最小值 1。
1、通過prototype屬性擴展min()函數和max()函數
算法1的思路是在自定義min()和max()函數中,通過循環由第一個值依次與後面的值作比較,動態更新最大值和最小值,從而找到結果。
// 最小值 Array.prototype.min = function () { let min = this[0]; let len = this.length; for (let i = 1; i < len; i++) { if (this[i] < min) min = this[i] } return min } // 最大值 Array.prototype.max = function () { let max = this[0]; let len = this.length; for (let i = 1; i < len; i++) { if (this[i] > max) max = this[i] } return max } // 結果 console.log(arr.min()); // 1 console.log(arr.max()); // 9
2、借助Math對象的min()函數和max()函數
算法2的主要思路是通過apply()函數改變函數的執行體,將數組作為參數傳遞給apply()函數。這樣數組就可以直接調用Math對象的min()函數和max()函數來獲取返回值。
Array.min = function(array) { return Math.min.apply(Math, array) } // 最大值 Array.max = function (array) { return Math.max.apply(Math, array) } // 結果 console.log(Array.min(arr)); // 1 console.log(Array.max(arr)); // 9
3、算法2的優化
在算法2中將min()函數和max()函數作為Array類型的靜態函數,但不支持鏈式調用,我們可以利用對象字面量進行簡化。
// 最小值 Array.prototype.min = function() { return Math.min.apply({}, this) } // 最大值 Array.prototype.max = function () { return Math.max.apply({}, this) } // 結果 console.log(arr.min()); // 1 console.log(arr.max()); // 9
與算法2不同的是,在驗證時,因為min()函數和max()函數屬於實例方法,所以可以直接通過數組調用。
上面的算法代碼中apply()函數傳入的第一個值為{},實際表示當前執行環境的全局對象。第二個參數this指向需要處理的數組。
由於apply函數的特殊性第一個參數,指定為 null 或 undefined 時會自動替換為指向全局對象,原始值會被包裝。所以我們也可以將第一個參數設置為null、undefind。
4、借助Array類型的reduce()函數
算法4的主要思想是reduce()函數不設置initialValue初始值,將數組的第一個元素直接作為回調函數的第一個參數,依次與後面的值進行比較。當需要找最大值時,每輪累加器返回當前比較中大的值;當需要找最小值時,每輪累加器返回當前比較中小的值。
// 最小值 Array.prototype.min = function () { return this.reduce((pre, cur) => { return pre < cur ? pre : cur }) } // 最大值 Array.prototype.max = function () { return this.reduce((pre, cur) => { return pre > cur ? pre : cur }) } // 結果 console.log(arr.min()); // 1 console.log(arr.max()); // 9
5、借助Array類型的sort()函數
算法5的主要思想時借助數組的原生sort()函數對數組進行排序,排序完成後首尾元素即是數組的最小、最大元素。
默認的sort()函數在排序時時按照字母順序排序的,數字會被按照字符串處理。例如數字 18 會被當做”18″處理,數字 6 被當”6″來處理,在排序時是按照字符串的每一位進行比較的,因為”1″比”6″要小,所以”11″排序時要比”6″小。對於數值類型的數組來說,這顯然不合理。所以我們需要進行自定義排序。
let sortArr = arr.sort((a, b) => a - b) // 最小值 sortArr[0] // 最大值 sortArr[sortArr.length - 1] // 結果 console.log(sortArr[0]); // 1 console.log(sortArr[sortArr.length - 1]); // 9
6、借助ES6的擴展運算符
// 最小值 Math.min(...arr) // 最大值 Math.max(...arr) // 結果 console.log(Math.min(...arr)); // 1 console.log(Math.max(...arr)); // 9
到此這篇關於javascript實現數組最大值和最小值的6種方法的文章就介紹到這瞭,更多相關javascript 數組最大值和最小值內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- JavaScript常用數組去重的方法及對比詳解
- JavaScript數組reduce常見實例方法
- js如何查找json數據中的最大值和最小值方法
- 梳理總結25JavaScript數組操作方法實例
- JavaScript判斷是否為數組的各種方法匯總