JS求Number类型数组中最大元素方法

如何使用JS，在一个Number类型的数组里，查找最大（或最小）数呢？

以下介绍四个方法。

1. 不使用任何库函数

代码如下：

function findMax1 (arr) {  let result = 0;  if (Array.isArray(arr)) {    for (let i = 0; i < arr.length; i++) {      result = arr[i] > result ? arr[i] : result;    }        return result;  } else {    console.error('The parameter arr is not an array');    return;  }}

解释：

利用一个变量result来存储最大值。遍历待查找的数组，如果当前遍历的元素大于result，就把这个元素赋值给result。

2. 利用Array.reduce()

代码如下：

function findMax2 (arr) {  let result = 0;  if (Array.isArray(arr)) {    result = arr.reduce((a, b) => {      return a > b ? a : b;    }, 0);        return result;  } else {    console.error('The parameter arr is not an array');    return;  }}

解释：

reduce方法就是通过一个函数，针对一个累加器（accumulator）和数组中的每一个元素，将一个数组最终减少到一个值。

reduce接受两个参数：

第一个是callback，就是那个前面提到的那个函数。它有四个参数：

accumulator：累加器，它是上次运行callback的结果。如果提供了initialValue，那么第一次就是initialValue； currentValue：当前遍历的数组的元素； currentIndex：当前遍历的数组的元素的index，从0开始。如果提供了initialValue，那就从1开始； array：当前应用reduce的数组。

第二个是initialValue，是一个初值，作为第一次运行callback函数的第一个实参。这个是可选的。这里要注意一下，如果这个参数不提供，并且应用在一个空数组上，是会报错的。

那么上面代码的意思就是，每次遍历数组进行比较，大的就留下来，即accumulator，并将其用作下一次和数组元素的比较。最后只留下这一个值，即最大值。

3. 利用Apply和Math.max()

代码如下：

function findMax3 (arr) {  let result = 0;  if (Array.isArray(arr)) {    result = Math.max.apply(null, arr);        return result;  } else {    console.error('The parameter arr is not an array');    return;  }}

解释：

apply解释稍显复杂，不作进一步的解释。

它接受两个参数，第一个是thisArg，第二个是argsArray。两个都是可选的。此处简单来说，就是使用一个函数时，参数以数组的方式传递进去。

4. 只用Math.max()

代码如下：

function findMax4 (arr) {  let result = 0;  if (Array.isArray(arr)) {    result = Math.max(...arr);        return result;  } else {    console.error('The parameter arr is not an array');    return;  }}

解释：

基于上一个解法的思路，在ES6中，有一个扩展运算符（...），可以将一个数组中的元素拆出来，组成一个用逗号分隔的序列。刚好满足Math.max()函数的需求。