上次给大家分享了从零事项jQuery的extend,今天跟大家分享下如何求数组的最大值和最小值。
取出数组中的最大值或者最小值是开发中常见的需求,但你能想出几种方法来实现这个需求呢?
1. Math.max
JavaScript 提供了 Math.max 函数返回一组数中的最大值,用法是:Math.max([value1[,value2, ...]])。
值得注意的是:1)如果有任一参数不能被转换为数值,则结果为 NaN;2)max 是 Math 的静态方法,所以应该像这样使用:Math.max(),而不是作为 Math 实例的方法 (简单的来说,就是不使用 new);3)如果没有参数,则结果为 -Infinity (注意是负无穷大)。
而我们需要分析的是:如果任一参数不能被转换为数值,这就意味着如果参数可以被转换成数字,就是可以进行比较的,比如:
Math.max(true, 0) // 1Math.max(true, '2', null) // 2Math.max(1, undefined) // NaNMath.max(1, {}) // NaN
如果没有参数,则结果为 -Infinity,对应的,Math.min 函数,如果没有参数,则结果为 Infinity,所以:
var min = Math.min();var max = Math.max();console.log(min > max);
了解了 Math.max 方法,我们以求数组最大值的为例,思考有哪些方法可以实现这个需求。
2. 原始方法
最最原始的方法,莫过于循环遍历一遍:
![5633d22990c526c02b9c992cb8f22dcd.png](https://i-blog.csdnimg.cn/blog_migrate/5694c0e9d9386a33770c43ad2d97dac7.jpeg)
既然是通过遍历数组求出一个最终值,那么我们就可以使用 reduce 方法:
![f3706e4b42d9963933a609bbb88ee926.png](https://i-blog.csdnimg.cn/blog_migrate/5d1d871664ca26a60aa5c75ece6ff18a.jpeg)
3. 排序
如果我们先对数组进行一次排序,那么最大值就是最后一个值:
![048d64867320e29546e8a1fe85c0cfe7.png](https://i-blog.csdnimg.cn/blog_migrate/7de594e83138cf35d3d7def615f7d5b1.jpeg)
Math.max 支持传多个参数来进行比较,那么我们如何将一个数组转换成参数传进 Math.max 函数呢?eval 便是一种:
![bf2417612d4c2a40995d96936f319ee6.png](https://i-blog.csdnimg.cn/blog_migrate/eba81974461934ea9c6ca025cb12e7bd.jpeg)
使用 apply 是另一种:
![cd6d1238bd08b6317cdd0f928e6d04ed.png](https://i-blog.csdnimg.cn/blog_migrate/213e5ca4fb1eebfd394c5918a4e7cea4.jpeg)
别忘了还有 ES6 的扩展运算符:
![a6708d82738076945e5074599e31ff77.png](https://i-blog.csdnimg.cn/blog_migrate/639937ae79cb29e39918f6f9c504e837.jpeg)
学习相关推荐(编程必备辅助):
①:搜索关注公众号“只会写BUG”,分享更多干货知识,资讯,教程等
②:海量编程类资料零基础到高级亟待领取!!!
如果觉得对你有一丢丢帮助,麻烦动动你的小手指【关注】一下上面的公众号吧,或者【转发】让更多人看到该文章。大家也可积极后台给我留言,多多交流,共同进步。