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

zhaochunqi 发布于2019-08-20 18:08 / 3200人阅读

摘要：专题系列第八篇，讲解多种方式求数组的最大值和最小值前言取出数组中的最大值或者最小值是开发中常见的需求，但你能想出几种方法来实现这个需求呢提供了函数返回一组数中的最大值，用法是值得注意的是如果有任一参数不能被转换为数值，则结果为。

JavaScritpt 专题系列第八篇，讲解多种方式求数组的最大值和最小值

前言

取出数组中的最大值或者最小值是开发中常见的需求，但你能想出几种方法来实现这个需求呢？

Math.max

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

Math.max([value1[,value2, ...]])

值得注意的是：

如果有任一参数不能被转换为数值，则结果为 NaN。

max 是 Math 的静态方法，所以应该像这样使用：Math.max()，而不是作为 Math 实例的方法 (简单的来说，就是不使用 new )

如果没有参数，则结果为 -Infinity (注意是负无穷大)

而我们需要分析的是：

1.如果任一参数不能被转换为数值，这就意味着如果参数可以被转换成数字，就是可以进行比较的，比如：

Math.max(true, 0) // 1
Math.max(true, "2", null) // 2
Math.max(1, undefined) // NaN
Math.max(1, {}) // NaN

2.如果没有参数，则结果为 -Infinity，对应的，Math.min 函数，如果没有参数，则结果为 Infinity，所以：

var min = Math.min();
var max = Math.max();
console.log(min > max);

了解了 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);

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专题系列目录地址：https://github.com/mqyqingfeng/Blog。

JavaScript专题系列预计写二十篇左右，主要研究日常开发中一些功能点的实现，比如防抖、节流、去重、类型判断、拷贝、最值、扁平、柯里、递归、乱序、排序等，特点是研(chao)究(xi) underscore 和 jQuery 的实现方式。

如果有错误或者不严谨的地方，请务必给予指正，十分感谢。如果喜欢或者有所启发，欢迎 star，对作者也是一种鼓励。

云服务器 GPU云服务器 php求最大值最小值数组求最小值js js求最小值 linux求最小值

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84114.html

JavaScript专题系列文章

摘要：专题系列共计篇，主要研究日常开发中一些功能点的实现，比如防抖节流去重类型判断拷贝最值扁平柯里递归乱序排序等，特点是研究专题之函数组合专题系列第十六篇，讲解函数组合，并且使用柯里化和函数组合实现模式需求我们需要写一个函数，输入，返回。 JavaScript 专题之从零实现 jQuery 的 extend JavaScritp 专题系列第七篇，讲解如何从零实现一个 jQuery 的 ext...

Maxiye 2019-08-21 17:57 评论0 收藏0
JavaScript专题系列20篇正式完结！

摘要：写在前面专题系列是我写的第二个系列，第一个系列是深入系列。专题系列自月日发布第一篇文章，到月日发布最后一篇，感谢各位朋友的收藏点赞，鼓励指正。写在前面 JavaScript 专题系列是我写的第二个系列，第一个系列是 JavaScript 深入系列。 JavaScript 专题系列共计 20 篇，主要研究日常开发中一些功能点的实现，比如防抖、节流、去重、类型判断、拷贝、最值、扁平、柯里...

sixleaves 2019-08-21 17:15 评论0 收藏0
2017-07-19 前端日报

摘要：前端日报精选开发常见问题集锦前端码农的自我修养虚拟内部是如何工作的译知乎专栏并不慢，只是你使用姿势不对一份优化指南掘金老司机带你秒懂内存管理第一部中文免费公开课前端面试的大关键点，你到了吗知乎专栏高效开发与设计姐的图片二三 2017-07-19 前端日报精选 VueJS 开发常见问题集锦 - 前端码农的自我修养 - SegmentFault虚拟 DOM 内部是如何工作的？[译]Hig...

iflove 2019-08-20 18:09 评论0 收藏0
JS中求数组最大（最小）值汇总（持续更新）

摘要：如何使用，在一个类型的数组里，查找最大或最小数呢以下介绍五个方法。利用代码如下解释方法就是通过一个函数，针对一个累加器和数组中的每一个元素，将一个数组最终减少到一个值。如果求最小值，将改成。如何使用JS，在一个Number类型的数组里，查找最大（或最小）数呢？以下介绍五个方法。（如果有新方法，后续会更新，也欢迎各位留言提供新方法） 1. 不使用任何库函数代码如下： functio...

church 2019-08-22 16:04 评论0 收藏0
常用排序算法之JavaScript实现

摘要：代码实现六堆排序算法简介堆排序是指利用堆这种数据结构所设计的一种排序算法。九计数排序算法简介计数排序是一种稳定的排序算法。计数排序不是比较排序，排序的速度快于任何比较排序算法。赞助我以写出更好的文章，give me a cup of coffee? 2017最新最全前端面试题 1、插入排序 1）算法简介插入排序（Insertion-Sort）的算法描述是一种简单直观的排序算法。它...

jerry 2019-08-21 12:27 评论0 收藏0