Repository navigation
JavaScript专题之如何求数组的最大值和最小值 #35
Description
Activity
@shixuev5 感谢回答哈~
@zhqgit 扩展运算符(...)可以将一个数组变为参数序列，引用阮一峰老师的《ECMAScript 6 入门》还以为要从头实现一个underscore的_.max _.min呢
@jiangshanmeta 嗯好，四个系列完结后，我会重新修订这些内容，到时候一定补充上这些内容~
你好，可以请教一下eval求数组最大值的原理是什么吗？已知给eval()传入字符串，如果字符串是表达式的话就会被执行，但是不明白为什么把Math.max( 和右括号转出字符串中间夹个数组就能求出最大值。
@MillionQW 因为数组被转换成字符串了啊。。。
@MillionQW 这是因为发生了隐式类型转换，举个简单例子：
var arr = [6, 4, 1, 8, 2, 11, 23]; console.log(arr + ''); // 6,4,1,8,2,11,23
其实
var max = eval("Math.max(" + arr + ")");
其实就相当于
var max = eval("Math.max(6,4,1,8,2,11,23)");
Reacted by Sara Zhang, sclchic, 程洋, XuMin, wangyiman, Jason Gao, dannykbsoul, yliu, yanhongchang1105, cliYao and 6 more@sinkinlife 感谢回答哈~ (￣▽￣)~*
哈哈哈懂了，谢谢两位的回答~
JavaScript 提供了 Math.max 函数返回一组数中的最大值，用法是：
Math.max([value1[,value2, ...]])这样写容易让人以为传入的是个数组，比如我。。。
Reacted by sclchic@Panzhipeng1 好方法，感谢补充哈~
@Panzhipeng1 如果传入一组正确的参数给Math.max方法，返回的结果都是"number"类型的，而你这个并没有进行类型转化，两者的结果并不一致。当然这得看实际的需求需不需要进行类型转化，以及“最大”和“最小”是依据什么来判断的。
@Tan90Qian 好思路，都没有注意到这一点~ (๑•̀ㅂ•́)و✧
用reduce，求最大最小有点小风险，当arr为空数组时，代码运行会报错
所以，运行前最好做个判断var arr = [ ];
function max(prev, next) {
return Math.max(prev, next);
}
console.log(arr.reduce(max));Math.max.apply(null, arr)，用对象null调用参数为arr的max方法，这原理为什么能成功？ES6中也可以用Reflect的方式实现求数组的最大值和最小值
例：var arr = = [1,2,7,9,3,4,5];
Relfect.apply(Math.max,Math,arr) // 9
Reflect.apply(Math.min,Math,arr) //1Reacted by Yingtao Mo, Funny and 王敬@mqyqingfeng 楼主好，这也算一种最简单的方法吧，并且有{}或者undefined也能正常运行，function sortArr(arr) {
var max = min = arr[0];
for (var i = 0; i < arr.length; i++) {
arr[i] > max ? max = arr[i] : '';
arr[i] < min ? min = arr[i] : '';
}
return [max, min]
}
console.log(sortArr([11, 3, 5, 3, 66, 22, 66, 33, 565, 2222, 4, 3,{},]))😊大佬学习了！另外 Reflect 也有一种方式，即：
Reflect.apply(Math.max, Math, [1,2,3]) // -> 3
Reacted by xiaolannuoyi and AriaVV用reduce，求最大最小有点小风险，当arr为空数组时，代码运行会报错
所以，运行前最好做个判断var arr = [ ];
function max(prev, next) {
return Math.max(prev, next);
}
console.log(arr.reduce(max));你写成这样就不报错了
console.log(arr.reduce(max,[]));Math.max.apply(null, arr)，用对象null调用参数为arr的max方法，这原理为什么能成功？
和null没什么关系，主要是apply的第二个参数是数组，在没有...运算符前基本都是用apply对数组进行展开的@MillionQW 这是因为发生了隐式类型转换，举个简单例子：
var arr = [6, 4, 1, 8, 2, 11, 23]; console.log(arr + ''); // 6,4,1,8,2,11,23
其实
var max = eval("Math.max(" + arr + ")");
其实就相当于
var max = eval("Math.max(6,4,1,8,2,11,23)");
var max = Math.max((arr + ''))，使用这个为啥就不行了呢，打印出来的是NaN
@MillionQW 这是因为发生了隐式类型转换，举个简单例子：
var arr = [6, 4, 1, 8, 2, 11, 23]; console.log(arr + ''); // 6,4,1,8,2,11,23
其实
var max = eval("Math.max(" + arr + ")");
其实就相当于
var max = eval("Math.max(6,4,1,8,2,11,23)");
var max = Math.max((arr + ''))，使用这个为啥就不行了呢，打印出来的是NaN
Math.max((arr + '')) 等于Math.max("6,4,1,8,2,11,23"),参数是字符串肯定不行
thank you for your provided!
前言
取出数组中的最大值或者最小值是开发中常见的需求，但你能想出几种方法来实现这个需求呢？
Math.max
JavaScript 提供了 Math.max 函数返回一组数中的最大值，用法是：
值得注意的是：
-Infinity(注意是负无穷大)而我们需要分析的是：
1.如果任一参数不能被转换为数值，这就意味着如果参数可以被转换成数字，就是可以进行比较的，比如：
2.如果没有参数，则结果为 -Infinity，对应的，Math.min 函数，如果没有参数，则结果为 Infinity，所以：
了解了 Math.max 方法，我们以求数组最大值的为例，思考有哪些方法可以实现这个需求。
原始方法
最最原始的方法，莫过于循环遍历一遍：
reduce
既然是通过遍历数组求出一个最终值，那么我们就可以使用 reduce 方法：
排序
如果我们先对数组进行一次排序，那么最大值就是最后一个值：
eval
Math.max 支持传多个参数来进行比较，那么我们如何将一个数组转换成参数传进 Math.max 函数呢？eval 便是一种
apply
使用 apply 是另一种。
ES6 ...
使用 ES6 的扩展运算符：
有更多的方法欢迎留言哈~
专题系列
JavaScript专题系列目录地址：https://github.com/mqyqingfeng/Blog。
JavaScript专题系列预计写二十篇左右，主要研究日常开发中一些功能点的实现，比如防抖、节流、去重、类型判断、拷贝、最值、扁平、柯里、递归、乱序、排序等，特点是研(chao)究(xi) underscore 和 jQuery 的实现方式。
如果有错误或者不严谨的地方，请务必给予指正，十分感谢。如果喜欢或者有所启发，欢迎 star，对作者也是一种鼓励。