JavaScript专题之如何求出数组的最大值和最小值

JavaScript专题系列是本身阶段性成长的见证，但愿经过文章的形式更加严谨、客观地梳理js的相关知识，也但愿可以帮助更多的前端开发的朋友解决问题，期待咱们的共同进步。

若是以为本系列不错，欢迎点赞、评论、转发，您的支持就是我坚持的最大动力。

---

前言

取出数组中的最大值和最小值是常见的需求，可是你能想出来多少种方式来实现这种需求呢？

Math.max

JavaScript 提供了Math.max 函数返回一组数中最大值，用法是：

Math.max([value1[,value2,...]])
复制代码

值得注意的是： 一、若是有任意一个参数不能转化为数值，则结果为NaN。 二、max是Math的静态方法，因此应该这样使用 Math.max();而不该该做为Math实例的方法（简单来讲，就是不能使用new） 三、若是没有参数，则结果为 -Infinity （注意是负无穷大）；

而咱们须要分析的是: 一、若是任意一个参数不能转换为数值，这就意味着若是参数能够被转换成数字，都是能够比较的，好比：

Math.max(true,0) // 1
Math.max(true,'2',null) // 2
Math.max(1,undefined) // NaN --> undefined 不能转化为数值
Math.max(1,{}) // NaN
复制代码

二、若是没有参数，则结果为 -Infinity 对应的 Math.min 函数 若是没有参数则结果为 Infinity 因此：

var min = Math.min();
var max = Math.max();
consoele.log(min>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);
复制代码

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));
复制代码

排序

若是咱们先对数组进行一次排序，那么最大的值就是最后一个值：

var arr =  [6,4,1,8,2,11,23];
arr.sort(function(a,b){
  return a - b;
})
console.log(arr[arr.length-1]);
复制代码

eval

Math.max 支持传递多个参数来进行比较，那么咱们如何将一个数组转换为参数传递进去Math.max函数呢？eval即是一种

var arr = [6,4,1,8,2,11,23];
var max = eval("Math.max("+ arr +)");
console.log(max);
复制代码

apply

使用apply 是另一种

var arr = [6,4,1,8,2,11,23];
console.log(Math.max.apply(null,arr));
复制代码

ES6

使用es6的扩展运算符

var arr = [6,4,1,8,2,11,23];
console.log(Math.max(...arr));
复制代码

深刻学习JavaScript系列目录

• #1 【深刻学习js之——原型和原型链】
• #2 【深刻学习js之——词法做用域和动态做用域】
• #3 【深刻学习js之——执行山下文栈】
• #4 【深刻学习js之——变量对象】
• #5 【深刻学习js之——做用域链】
• #6 【深刻学习js之——实际开发场景中的this指向】
• #7 【深刻学习js之——执行上下文】
• #8 【深刻学习js之——闭包】
• #9 【深刻学习js之——参数按值传递】
• #10 【深刻学习js之——call和apply】
• #11 【深刻学习js之——类数组对象与arguments】
• #12 【深刻学习js之——建立对象的各类方式以及优缺点】
• #13 【深刻学习js之——继承的多种方式和优缺点】

欢迎添加个人我的微信讨论技术和个体成长。

欢迎关注个人我的微信公众号——指尖的宇宙，更多优质思考干货