JavaScript专题之如何求数组的最大值和最小值

JavaScritpt 专题系列第八篇，讲解多种方式求数组的最大值和最小值

前言

取出数组中的最大值或者最小值是开发中常见的需求，但你能想出几种方法来实现这个需求呢？

Math.max

JavaScript 提供了 Math.max 函数返回一组数中的最大值，用法是：

Math.max([value1[,value2, ...]])

值得注意的是：

1. 若是有任一参数不能被转换为数值，则结果为 NaN。

2. max 是 Math 的静态方法，因此应该像这样使用：Math.max()，而不是做为 Math 实例的方法 (简单的来讲，就是不使用 new )

3. 若是没有参数，则结果为 -Infinity (注意是负无穷大)

而咱们须要分析的是：

1.若是任一参数不能被转换为数值，这就意味着若是参数能够被转换成数字，就是能够进行比较的，好比：

Math.max(true, 0) // 1
Math.max(true, '2', null) // 2
Math.max(1, undefined) // NaN
Math.max(1, {}) // NaN

2.若是没有参数，则结果为 -Infinity，对应的，Math.min 函数，若是没有参数，则结果为 Infinity，因此：

var min = Math.min();
var max = Math.max();
console.log(min > max);

了解了 Math.max 方法，咱们以求数组最大值的为例，思考有哪些方法能够实现这个需求。

原始方法

最最原始的方法，莫过于循环遍历一遍：

var arr = [6, 4, 1, 8, 2, 11, 23];

var result = arr[0];
for (var i = 1; i < arr.length; i++) {
    result =  Math.max(result, arr[i]);
}
console.log(result);

reduce

既然是经过遍历数组求出一个最终值，那么咱们就能够使用 reduce 方法：

var arr = [6, 4, 1, 8, 2, 11, 23];

function max(prev, next) {
    return Math.max(prev, next);
}
console.log(arr.reduce(max));

排序

若是咱们先对数组进行一次排序，那么最大值就是最后一个值：

var arr = [6, 4, 1, 8, 2, 11, 23];

arr.sort(function(a,b){return a - b;});
console.log(arr[arr.length - 1])

eval

Math.max 支持传多个参数来进行比较，那么咱们如何将一个数组转换成参数传进 Math.max 函数呢？eval 即是一种

var arr = [6, 4, 1, 8, 2, 11, 23];

var max = eval("Math.max(" + arr + ")");
console.log(max)

apply

使用 apply 是另外一种。

var arr = [6, 4, 1, 8, 2, 11, 23];
console.log(Math.max.apply(null, arr))

ES6 ...

使用 ES6 的扩展运算符：

var arr = [6, 4, 1, 8, 2, 11, 23];
console.log(Math.max(...arr))

有更多的方法欢迎留言哈~

专题系列

JavaScript专题系列目录地址：https://github.com/mqyqingfeng/Blog。

JavaScript专题系列预计写二十篇左右，主要研究平常开发中一些功能点的实现，好比防抖、节流、去重、类型判断、拷贝、最值、扁平、柯里、递归、乱序、排序等，特色是研(chao)究(xi) underscore 和 jQuery 的实现方式。

若是有错误或者不严谨的地方，请务必给予指正，十分感谢。若是喜欢或者有所启发，欢迎 star，对做者也是一种鼓励。