javascript 返回数组中最大最小平均值多种方法分析比较 by FungLeo

本文链接：https://blog.youkuaiyun.com/qq_43685588/article/details/86668520

本文探讨了在JavaScript中寻找数组中最大值、最小值及平均值的多种方法，包括基本for循环、Math方法及原型扩展技巧，对比了各种方法的优缺点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript 返回数组中最大最小平均值多种方法分析比较 by FungLeo

前言

一组数字中全部是数字,我们需要返回数组中最大或者最小的数字,这是常见的需求.当然,求数组中所有数字的平均值,也是一个很常见的需求.今天我学习的内容就是,来实现这些.

我自己的方法 for循环

看过我博文的朋友应该知道,我的JS水平是很一般的.因此,我只能从我比较能够理解的角度来实现这个问题.简单来说,for循环是我最理解的内容.因此,我用下面的代码实现了这个功能.

function arrMaxNum(arr){    var maxNum = -Infinity;    for (var i = 0; i < arr.length; i++) {        arr[i]>maxNum ? maxNum =arr[i] : null;    };    return maxNum;}function arrMinNum(arr){    var minNum = Infinity;    for (var i = 0; i < arr.length; i++) {        arr[i]<minNum ? minNum =arr[i] : null;    };    return minNum;}function arrAverageNum(arr){    var sum = 0;    for (var i = 0; i < arr.length; i++) {        sum += arr[i];    };    return ~~(sum/arr.length*100)/100;}
  
  1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

代码如上.原理非常简单.例如,找最大的数字,就先设定一个负无穷的数字,然后在数组中找,只要数组中有一个数字比负无穷大,那么就取它.一直循环到结束,然后,返回最终得到的数字.找最小的则反过来.

求平均值则是先求和,然后除以数组的长度.因为有除法,所以很可能得到一个很长的小数.因此再保留小数点后两位.

优点: 简单,快,不会出错

缺点: 代码不够简练

别人的方法一 Math方法

function arrMaxNum2(arr){    return Math.max.apply(null,arr);}function arrMinNum2(arr){    return Math.min.apply(null,arr);}function arrAverageNum2(arr){    var sum = eval(arr.join("+"));    return ~~(sum/arr.length*100)/100;}
  
  1
2
3
4
5
6
7
8
9
10

代码如上.果然简短了很多.

Math.max.apply(null,arr) 这段代码同事给我解释过,我大概其能够理解,但是我不能阐述其具体的原理.

就属于会用,但是不是很明白其中原理的方法.不过还好,看字面也能猜出大概.实在不行复制粘贴呗.

但是eval(arr.join("+"))这段代码把我给看蒙了.立即百度搜索 eval 最终搞明白了是怎么回事.

首先,arr.join("+")会将数字中的所有数字进行用加号间隔,然后返回一个字符串,而这个字符串看上去就是一个算数表达式.

eval这个函数,则是会把字符串形式的算数表达式给==计算==出来!!

神一样的逻辑…..

优点:代码短
缺点:当数组内的数字足够多,数字足够大,则会出错.
我现在不确定其是在一个什么样指定的数字会出错.但是,看图不解释:
JS Math方法出错示例

别人的方法二给数组绑定方法

此处为转载于别人的代码,原文地址:js获取数组最大值、最小值和平均数代码实例

文章代码如下:

function cacl(arr, callback) {    var ret;    for (var i=0; i<arr.length;i++) {        ret = callback(arr[i], ret);    }    return ret;}Array.prototype.max = function () {    return cacl(this, function (item, max) {        if (!(max > item)) {            return item;        }        else {            return max;        }    });};Array.prototype.min = function () {    return cacl(this, function (item, min) {        if (!(min < item)) {            return item;        }        else {            return min;        }    });};Array.prototype.sum = function () {    return cacl(this, function (item, sum) {        if (typeof (sum) == 'undefined') {            return item;        }        else {            return sum += item;        }    });};Array.prototype.avg = function () {    if (this.length == 0) {        return 0;    }    return this.sum(this) / this.length;};var theArray=[1,-2,4,9,15];console.log(theArray.max());console.log(theArray.min());console.log(theArray.sum());console.log(theArray.avg());
  
  1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50