JavaScript 专题之如何求数组的最大值和最小值
# JavaScript 专题之如何求数组的最大值和最小值
# 📖. 前言
取出数组中的最大值或者最小值是开发中常见的需求,但你能想出几种方法来实现这个需求呢?
# 一. Math.max
JavaScript 提供了 Math.max
函数返回一组数中的最大值,用法是:
Math.max([value1[,value2, ...]]);
1
值得注意的是:
- 如果有任一参数不能被转换为数值,则结果为
NaN
。 - max 是 Math 的静态方法,所以应该像这样使用:
Math.max()
,而不是作为 Math 实例的方法 (简单的来说,就是不使用 new ) - 如果没有参数,则结果为
-Infinity
(注意是负无穷大)
而我们需要分析的是:
- 如果任一参数不能被转换为数值,这就意味着如果参数可以被转换成数字,就是可以进行比较的,比如:
Math.max(true, 0); // 1
Math.max(true, '2', null); // 2
Math.max(1, undefined); // NaN
Math.max(1, {}); // NaN
1
2
3
4
2
3
4
- 如果没有参数,则结果为
-Infinity
,对应的,Math.min
函数,如果没有参数,则结果为Infinity
,所以:
var min = Math.min();
var max = Math.max();
console.log(min > max);
1
2
3
2
3
了解了 Math.max 方法,我们以求数组最大值的为例,思考有哪些方法可以实现这个需求。
# 一. 原始方法
最最原始的方法,莫过于循环遍历一遍:
var arr = [6, 4, 1, 8, 2, 11, 23];
var result = arr[0];
for (var i = 1; i < arr.length; i++) {
result = Math.max(result, arr[i]);
}
console.log(result);
1
2
3
4
5
6
7
2
3
4
5
6
7
# 二. reduce
既然是通过遍历数组求出一个最终值,那么我们就可以使用 reduce
方法:
var arr = [6, 4, 1, 8, 2, 11, 23];
function max(prev, next) {
return Math.max(prev, next);
}
console.log(arr.reduce(max));
1
2
3
4
5
6
2
3
4
5
6
# 三. 排序
如果我们先对数组进行一次排序,那么最大值就是最后一个值:
var arr = [6, 4, 1, 8, 2, 11, 23];
arr.sort(function(a,b){return a - b;});
console.log(arr[arr.length - 1]);
1
2
3
4
2
3
4
# 四. eval
Math.max
支持传多个参数来进行比较,那么我们如何将一个数组转换成参数传进 Math.max
函数呢?eval
便是一种
var arr = [6, 4, 1, 8, 2, 11, 23];
var max = eval("Math.max(" + arr + ")");
console.log(max);
1
2
3
4
2
3
4
# 五. apply
使用 apply
是另一种。
var arr = [6, 4, 1, 8, 2, 11, 23];
console.log(Math.max.apply(null, arr));
1
2
2
# 六. ES6 ...
使用 ES6 的扩展运算符:
var arr = [6, 4, 1, 8, 2, 11, 23];
console.log(Math.max(...arr));
1
2
2
有更多的方法欢迎留言哈~
上次更新: 2022/07/01, 17:34:19