js求数组最大值的常用方法举例

 更新时间:2023年07月19日 10:16:12   作者:前端代码军师  
数组如何求最大值,想必很多的朋友都不会吧,下面这篇文章主要给大家介绍了关于js求数组最大值的常用方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

前言

除了使用 Math.max() 方法之外,JavaScript 中还有多种方法可以求数组的最大值,下面介绍其中的几种。

使用循环遍历数组并比较

可以使用 for 循环遍历数组,并使用一个变量来保存数组中的最大值。每当遇到一个比当前最大值大的元素时,更新变量的值。例如:

let arr = [1, 5, 3, 8, 2];
let maxNum = arr[0]; // 假设第一个元素为最大值
for (let i = 1; i < arr.length; i++) {
  if (arr[i] > maxNum) {
    maxNum = arr[i];
  }
}
console.log(maxNum); // 输出 8

使用 apply() 方法结合 Math.max() 方法

可以使用 apply() 方法将数组中的元素作为参数传递给 Math.max() 方法。例如:

let arr = [1, 5, 3, 8, 2];
let maxNum = Math.max.apply(null, arr);
console.log(maxNum); // 输出 8

使用 reduce() 方法

reduce() 方法可以将数组中的元素通过一个回调函数逐个进行计算,并返回最终的结果。可以在回调函数中比较每个元素和当前的最大值,并返回较大的值作为下一轮计算的最大值。例如:

let arr = [1, 5, 3, 8, 2];
let maxNum = arr.reduce(function(prev, curr) {
  return prev > curr ? prev : curr;
});
console.log(maxNum); // 输出 8

这三种方法都可以用于求数组中的最大值,具体选择哪种方法取决于实际情况和个人喜好。

附:JS获取数组最大值、最小值及长度的方法

//最小值
Array.prototype.min = function() {
var min = this[0];
var len = this.length;
for (var i = 1; i < len; i++){
if (this[i] < min){
min = this[i];
}
}
return min;
}
//最大值
Array.prototype.max = function() {
var max = this[0];
var len = this.length;
for (var i = 1; i < len; i++){
if (this[i] > max) {
max = this[i];
}
}
return max;
}
//数组长度
var array = new array(1,2,3,2,4,55,2);
alert(array.length);//输出7

总结

到此这篇关于js求数组最大值的常用方法举例的文章就介绍到这了,更多相关js求数组最大值的内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript实现拖拽功能

    JavaScript实现拖拽功能

    这篇文章主要为大家详细介绍了JavaScript实现拖拽功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • JS ES新特性 扩展运算符介绍

    JS ES新特性 扩展运算符介绍

    这篇文章主要介绍了JS ES新特性 扩展运算符,下面文章围绕ES新特性 扩展运算符的相关资料展开详细内容,需要的朋友可以参考一下,希望对大家有所帮助
    2021-12-12
  • JavaScript实现异步获取表单数据

    JavaScript实现异步获取表单数据

    这篇文章主要为大家详细介绍了JavaScript实现异步获取表单数据,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • 深入理解JavaScript系列(4) 立即调用的函数表达式

    深入理解JavaScript系列(4) 立即调用的函数表达式

    大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行
    2012-01-01
  • JS获取当前时间的两种方法小结

    JS获取当前时间的两种方法小结

    这篇文章主要给大家介绍了关于JS获取当前时间的两种方法,在web开发中,通过js获取时间非常的常用,我这里做个总结,需要的朋友可以参考下
    2023-09-09
  • js实现自动锁屏功能

    js实现自动锁屏功能

    有这么一个需求,开发了一套系统,当用户离开桌面或者一段时间不操作的话,需要把该系统所有打开页面锁定起来,本文就详细的介绍一下,感兴趣的可以了解一下
    2021-06-06
  • echarts设置图例颜色和地图底色的方法实例

    echarts设置图例颜色和地图底色的方法实例

    最近项目要使用echarts进行数据可视化,所以下面这篇文章主要给大家介绍了关于echarts设置图例颜色和地图底色的相关资料,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
    2018-08-08
  • js 动态给元素添加、移除事件的实现方法

    js 动态给元素添加、移除事件的实现方法

    下面小编就为大家带来一篇js 动态给元素添加、移除事件的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • ionic实现滑动的三种方式

    ionic实现滑动的三种方式

    这篇文章主要为大家详细介绍了ionic实现滑动的三种方式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • TS中type和interface的区别解析

    TS中type和interface的区别解析

    对于type来说,更多的是对类型的一种复用,比如在项目中需要用到一些比较复杂的或者书写起来很长的类型,而对于 interface来说,它是正儿八经的用来定义接口类型(约束数类型和属性)的,且接口类型是支持继承和声明合并的,感兴趣的朋友跟随小编一起看看吧
    2023-07-07

最新评论