资讯专栏INFORMATION COLUMN

JS中求数组最大(最小)值汇总(持续更新)

church / 1599人阅读

摘要:如何使用,在一个类型的数组里,查找最大或最小数呢以下介绍五个方法。利用代码如下解释方法就是通过一个函数,针对一个累加器和数组中的每一个元素,将一个数组最终减少到一个值。如果求最小值,将改成。

如何使用JS,在一个Number类型的数组里,查找最大(或最小)数呢?

以下介绍五个方法。(如果有新方法,后续会更新,也欢迎各位留言提供新方法)

1. 不使用任何库函数

代码如下:

function findMax1 (arr) {
    let result = 0;
    if (Array.isArray(arr) && arr.length > 0) {
        for (let i = 0; i < arr.length; i++) {
            result = arr[i] > result ? arr[i] : result;
        }
        
        return result;
    } else {
        throw new ReferenceError("The parameter arr is invalid");
    }
}

解释:

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

如果求最小值,将arr[i] > result ? arr[i] : result;改成arr[i] < result ? arr[i] : result;

2. 利用Array.reduce()

代码如下:

function findMax2 (arr) {
    let result = 0;
    if (Array.isArray(arr) && arr.length > 0) {
        result = arr.reduce((a, b) => {
            return a > b ? a : b;
        }, 0);
        
        return result;
    } else {
        throw new ReferenceError("The parameter arr is invalid");
    }
}

解释:

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

reduce接受两个参数:

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

accumulator:累加器,它是上次运行callback的结果。如果提供了initialValue,那么第一次就是initialValue

currentValue:当前遍历的数组的元素;

currentIndex:当前遍历的数组的元素的index,从0开始。如果提供了initialValue,那就从1开始;

array:当前应用reduce的数组。

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

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

如果求最小值,将a > b ? a : b; 改成 a < b ? a : b;

3. 利用Apply和Math.max()

代码如下:

function findMax3 (arr) {
    let result = 0;
    if (Array.isArray(arr) && arr.length > 0) {
        result = Math.max.apply(null, arr);
        
        return result;
    } else {
        throw new ReferenceError("The parameter arr is invalid");
    }
}

解释:

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

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

如果是求最小数,将Math.max()改成Math.min()

4. 只用Math.max()

代码如下:

function findMax4 (arr) {
    let result = 0;
    if (Array.isArray(arr) && arr.length > 0) {
        result = Math.max(...arr);
        
        return result;
    } else {
        throw new ReferenceError("The parameter arr is invalid");
    }
}

解释:

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

如上一种算法,如果是求最小数,将Math.max()改成Math.min()

利用Array.sort()排序
function findMax5 (arr) {
    let result = 0;
    if (Array.isArray(arr) && arr.length > 0) {
        arr.sort((x, y) => y - x);
        result = arr[0];
        return result;
    } else {
        throw new ReferenceError("The parameter arr is invalid");
    }
}

解释:

通过Array.sort()方法将数组排序, 如果是求最大,就降序排列;如果是最小数,就升序排列。然后取第一个元素。

这里需要注意的是,Array.sort()如果不传任何参数,对整数的排序是有问题的,它只排第一位,也就是高位的顺序,而不是整个整数的大小顺序。比如[1, 34, 21, 4], 排序以后是[1, 21, 34, 4]。所以需要自己写个比较算法。上面的例子是降序排列的例子。如果是升序,将(x, y) => y - x改成(x, y) => x - y即可。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94027.html

相关文章

  • LeetCode 攻略 - 2019 年 7 月下半月汇总(100 题攻略)

    摘要:月下半旬攻略道题,目前已攻略题。目前简单难度攻略已经到题,所以后面会调整自己,在刷算法与数据结构的同时,攻略中等难度的题目。 Create by jsliang on 2019-07-30 16:15:37 Recently revised in 2019-07-30 17:04:20 7 月下半旬攻略 45 道题,目前已攻略 100 题。 一 目录 不折腾的前端,和咸鱼有什么区别...

    tain335 评论0 收藏0
  • LeetCode 攻略 - 2019 年 7 月上半月汇总(55 题攻略)

    摘要:微信公众号记录截图记录截图目前关于这块算法与数据结构的安排前。已攻略返回目录目前已攻略篇文章。会根据题解以及留言内容,进行补充,并添加上提供题解的小伙伴的昵称和地址。本许可协议授权之外的使用权限可以从处获得。 Create by jsliang on 2019-07-15 11:54:45 Recently revised in 2019-07-15 15:25:25 一 目录 不...

    warmcheng 评论0 收藏0
  • PHP开发过程中数组汇总 [ 持续更新系列 ]

    摘要:必选规定被搜索的数组可选如果设置为,则在数组中检查给定值的类型,默认是搜索数组中是否存在指定的值。回调函数接受的参数数目应该和传递给函数的数组数目一致。 开发过程中经常会使用到数组函数,故特地总结出来,自己熟悉,同时供大家参考!(实例部分会抽空尽快完成) 一、目录 array_merge(); 合并数组 array_keys(); array_filter(); in_array()...

    twohappy 评论0 收藏0
  • 前端知识点总结——JS高级(持续更新中)

    摘要:前端知识点总结高级持续更新中字符串什么是连续存储多个字符的字符数组相同下标遍历选取不同类型不同不通用所有字符串都无权修改原字符串,总是返回新字符串大小写转换统一转大写统一转小写何时不区分大小写时,都需要先转为一致的大小写,再比较。 前端知识点总结——JS高级(持续更新中) 1.字符串 什么是: 连续存储多个字符的字符数组 相同: 1. 下标 2. .length 3. 遍历 4....

    wangzy2019 评论0 收藏0

发表评论

0条评论

church

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<