关闭

js求数组的最大值_如何用JS求Number类型数组中最大元素?

时间: 2018-04-08阅读: 1438标签: 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接受两个参数:

  1. 第一个是callback,就是那个前面提到的那个函数。它有四个参数:

    1. accumulator:累加器,它是上次运行callback的结果。如果提供了initialValue,那么第一次就是initialValue;
    2. currentValue:当前遍历的数组的元素;
    3. currentIndex:当前遍历的数组的元素的index,从0开始。如果提供了initialValue,那就从1开始;
    4. array:当前应用reduce的数组。
  2. 第二个是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

站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

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

关闭

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!