javascript實(shí)現(xiàn)數(shù)組最大值和最小值的6種方法
給定一個(gè)數(shù)組[1,8,5,4,3,9,2],編寫一個(gè)算法,得到數(shù)組的最大值 9,和最小值 1。
1、通過prototype屬性擴(kuò)展min()函數(shù)和max()函數(shù)
算法1的思路是在自定義min()和max()函數(shù)中,通過循環(huán)由第一個(gè)值依次與后面的值作比較,動(dòng)態(tài)更新最大值和最小值,從而找到結(jié)果。
// 最小值 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 } // 結(jié)果 console.log(arr.min()); // 1 console.log(arr.max()); // 9
2、借助Math對(duì)象的min()函數(shù)和max()函數(shù)
算法2的主要思路是通過apply()函數(shù)改變函數(shù)的執(zhí)行體,將數(shù)組作為參數(shù)傳遞給apply()函數(shù)。這樣數(shù)組就可以直接調(diào)用Math對(duì)象的min()函數(shù)和max()函數(shù)來獲取返回值。
Array.min = function(array) { return Math.min.apply(Math, array) } // 最大值 Array.max = function (array) { return Math.max.apply(Math, array) } // 結(jié)果 console.log(Array.min(arr)); // 1 console.log(Array.max(arr)); // 9
3、算法2的優(yōu)化
在算法2中將min()函數(shù)和max()函數(shù)作為Array類型的靜態(tài)函數(shù),但不支持鏈?zhǔn)秸{(diào)用,我們可以利用對(duì)象字面量進(jìn)行簡化。
// 最小值 Array.prototype.min = function() { return Math.min.apply({}, this) } // 最大值 Array.prototype.max = function () { return Math.max.apply({}, this) } // 結(jié)果 console.log(arr.min()); // 1 console.log(arr.max()); // 9
與算法2不同的是,在驗(yàn)證時(shí),因?yàn)閙in()函數(shù)和max()函數(shù)屬于實(shí)例方法,所以可以直接通過數(shù)組調(diào)用。
上面的算法代碼中apply()函數(shù)傳入的第一個(gè)值為{},實(shí)際表示當(dāng)前執(zhí)行環(huán)境的全局對(duì)象。第二個(gè)參數(shù)this指向需要處理的數(shù)組。
由于apply函數(shù)的特殊性第一個(gè)參數(shù),指定為 null 或 undefined 時(shí)會(huì)自動(dòng)替換為指向全局對(duì)象,原始值會(huì)被包裝。所以我們也可以將第一個(gè)參數(shù)設(shè)置為null、undefind。
4、借助Array類型的reduce()函數(shù)
算法4的主要思想是reduce()函數(shù)不設(shè)置initialValue初始值,將數(shù)組的第一個(gè)元素直接作為回調(diào)函數(shù)的第一個(gè)參數(shù),依次與后面的值進(jìn)行比較。當(dāng)需要找最大值時(shí),每輪累加器返回當(dāng)前比較中大的值;當(dāng)需要找最小值時(shí),每輪累加器返回當(dāng)前比較中小的值。
// 最小值 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 }) } // 結(jié)果 console.log(arr.min()); // 1 console.log(arr.max()); // 9
5、借助Array類型的sort()函數(shù)
算法5的主要思想時(shí)借助數(shù)組的原生sort()函數(shù)對(duì)數(shù)組進(jìn)行排序,排序完成后首尾元素即是數(shù)組的最小、最大元素。
默認(rèn)的sort()函數(shù)在排序時(shí)時(shí)按照字母順序排序的,數(shù)字會(huì)被按照字符串處理。例如數(shù)字 18 會(huì)被當(dāng)做"18"處理,數(shù)字 6 被當(dāng)"6"來處理,在排序時(shí)是按照字符串的每一位進(jìn)行比較的,因?yàn)?1"比"6"要小,所以"11"排序時(shí)要比"6"小。對(duì)于數(shù)值類型的數(shù)組來說,這顯然不合理。所以我們需要進(jìn)行自定義排序。
let sortArr = arr.sort((a, b) => a - b) // 最小值 sortArr[0] // 最大值 sortArr[sortArr.length - 1] // 結(jié)果 console.log(sortArr[0]); // 1 console.log(sortArr[sortArr.length - 1]); // 9
6、借助ES6的擴(kuò)展運(yùn)算符
// 最小值 Math.min(...arr) // 最大值 Math.max(...arr) // 結(jié)果 console.log(Math.min(...arr)); // 1 console.log(Math.max(...arr)); // 9
到此這篇關(guān)于javascript實(shí)現(xiàn)數(shù)組最大值和最小值的6種方法的文章就介紹到這了,更多相關(guān)javascript 數(shù)組最大值和最小值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
實(shí)現(xiàn)表格中行點(diǎn)擊時(shí)的漸擴(kuò)效果!
實(shí)現(xiàn)表格中行點(diǎn)擊時(shí)的漸擴(kuò)效果!...2006-12-12Yii2使用Bootbox插件實(shí)現(xiàn)自定義彈窗
Bootbox.js 是一個(gè)小型的 JavaScript 庫用來創(chuàng)建簡單的可編程對(duì)話框,基于 Twitter 的 Bootstrap 開發(fā)。今天我們就來研究下,如何使用bootbox插件來實(shí)現(xiàn)自定義彈窗。2015-04-04textContent在Firefox下與innerText等效的屬性
textContent在Firefox下與innerText等效的屬性...2007-05-05微信小程序授權(quán)登錄的最新實(shí)現(xiàn)方案詳解(2023年)
最近由于公司需要研究了一下微信小程序的開發(fā),特此記錄一下小程序登錄授權(quán)的流程,便于自己理解,也希望對(duì)他人有多幫助,下面這篇文章主要給大家介紹了關(guān)于微信小程序授權(quán)登錄的最新實(shí)現(xiàn)方案的相關(guān)資料,需要的朋友可以參考下2023-02-02js知識(shí)點(diǎn)總結(jié)之getComputedStyle的用法
getComputedStyle是一個(gè)可以獲取當(dāng)前元素所有最終使用的CSS屬性值,下面這篇文章主要給大家介紹了關(guān)于js知識(shí)點(diǎn)總結(jié)之getComputedStyle用法的相關(guān)資料,需要的朋友可以參考下2022-10-10使用Javascript監(jiān)控前端相關(guān)數(shù)據(jù)的代碼
本篇文章詳細(xì)的介紹了使用Javascript監(jiān)控前端相關(guān)數(shù)據(jù),可以及時(shí)的監(jiān)控前端的錯(cuò)誤,加載時(shí)間等,有需要的可以了解一下。2016-10-10利用JS+Canvas給南方的冬季來一場紛紛揚(yáng)揚(yáng)的大雪
現(xiàn)在冬天下雪已經(jīng)是很常見的事情了,為了應(yīng)景,我們可以為我們的網(wǎng)站增加雪花飄落的效果,這個(gè)應(yīng)該還是很不錯(cuò)的,下面這篇文章主要給大家介紹了關(guān)于利用JS+Canvas給南方的冬季來一場紛紛揚(yáng)揚(yáng)的大雪,需要的朋友可以參考下2022-12-12