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

更新日期: 2018-04-08阅读: 3.2k标签: 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

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

js判断类型为数字的方法实现总汇——原生js判断isNumber()

这篇文章主要整理关于js判断变量是否为数字的实现方法,我们把方法命名为isNumber,也就是说:对于整数,浮点数返回true,对于NaN或可转成NaN的值返回false。

去除input默认的加减号_input属性为number时,如何去掉+、-号?

input标签有type=number的时候,默认情况下有加减号的功能。那么,怎么去掉这个别扭的东西呢?首先想到的是用 type =”tel” 这样移动端同样会调出数字输入键盘, 而且也不存在加减按钮,如果只修改样式应该怎么做呢?

去除input[type=number]的默认样式

input[type=number]有时会出现默认的加减spinners,这时就需要清除默认样式 。如何移除 input type=number时浏览器自带的上下箭头?以上疑惑怎么解决;很简单,只要css控制即可。

js 中的 number 为何很怪异

声明:需要读者对二进制有一定的了解,对于 JavaScript 开发者来说,或多或少都遇到过 js 在处理数字上的奇怪现象,如果想要弄明白为什么会出现这些奇怪现象,首先要弄清楚 JavaScript 是怎样编码数字的。

js类型Number、Symbol、Object容易忽略的细节

Number 类型表示我们通常意义上的“数字”。这个数 字大致对应数学中的有理数,当然,在计算机中,我们有一定的精度限制。JavaScript 中的 Number 类型有 18437736874454810627(即 2^64-2^53+3) 个值。

js中四舍五入保留两位效数,js中将Number转换成字符类型

在js文件中做简单的加减乘除四则运算,一定要注意:先将字符类型转换成Number类型,在最后的输出值的时候在转换成字符类型(调用的是toString()方法),如果不这样做的话,是会报错的。

Js中parseInt()和Number()之间有什么区别?

Number()和parseInt()都可以用来进行数字的转换,那么parseInt()和Number()之间的区别是什么?parseInt()函数用于解析字符串并将其转换为指定基数的整数。它需要两个参数,要解析的字符串和要使用的基数。基数是一个介于2和36之间的整数,表示数字的基数。

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