博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript专题之如何求数组的最大值和最小值
阅读量:5932 次
发布时间:2019-06-19

本文共 1690 字,大约阅读时间需要 5 分钟。

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

前言

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

Math.max

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

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

值得注意的是:

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

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

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

而我们需要分析的是:

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

Math.max(true, 0) // 1Math.max(true, '2', null) // 2Math.max(1, undefined) // NaNMath.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专题系列目录地址:。

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

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

转载地址:http://cputx.baihongyu.com/

你可能感兴趣的文章
highcharts 在angular中的使用
查看>>
Spring Boot - 表单校验(JSR303&Hibernate Validator)
查看>>
利用docker调试OpenStack服务
查看>>
ZooKeeper 可视化监控 zkui
查看>>
Linux下通过配置Crontab实现进程守护
查看>>
什么是MVVM
查看>>
V8 中的 Fast 属性
查看>>
2017-07-17 前端日报
查看>>
Spring Boot中使用 Spring Security 构建权限系统
查看>>
关于前置自增和后置自增的有趣小测试
查看>>
编写react组件最佳实践
查看>>
天池大数据比赛总结
查看>>
Android中使用Java8特性之Lambda
查看>>
【思考总结】框架思想MVC—>MVP—>MVVM的由来
查看>>
使用typescript和gulp快速开始Angular 2开发
查看>>
JavaScript阿拉伯数字与中文数字互相转换
查看>>
ios 打包上传Appstore 时报的错误 90101 90149
查看>>
Angular分页指令, 简单配置即可使用
查看>>
IBM AI辩手对战世界级人类辩手,炒作还是秀肌肉?
查看>>
SRE工程师到底是做什么的?
查看>>