js求数组的最大值_如何用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，就是那个前面提到的那个函数。它有四个参数：
1. accumulator：累加器，它是上次运行callback的结果。如果提供了initialValue，那么第一次就是initialValue；
2. currentValue：当前遍历的数组的元素；
3. currentIndex：当前遍历的数组的元素的index，从0开始。如果提供了initialValue，那就从1开始；
4. 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()函数的需求。

来源：https://segmentfault.com/a/1190000014220464

链接: https://www.fly63.com/article/detial/591