javascript实现查找数组中最大值方法汇总

JavaScript实现查找数组中最大值方法汇总

对于数组中的最大值查找,JavaScript 提供了多种实现方式,这里将介绍最常用的三种方法:

方法一: for循环遍历数组,逐一比较大小

该方法的实现思路是通过 for 循环遍历整个数组,不断更新当前最大值。代码示例如下:

function getArrayMax(arr) {
    let max = arr[0]
    for (let i = 1; i < arr.length; i++) {
        if (arr[i] > max) {
            max = arr[i]
        }
    }
    return max
}

方法二: 使用Math.max()函数实现查找数组中的最大值

该方法是利用 JavaScript 内置的 Math.max() 函数,该函数接受任意数量的参数,并返回这些参数中的最大值。代码示例如下:

function getArrayMax(arr) {
    return Math.max(...arr)
}

方法三: 使用reduce()函数实现查找数组中的最大值

该方法是使用 JavaScript 内置的 reduce() 函数,reduce() 函数接受一个函数作为参数,该函数会遍历数组中的每一个元素,迭代处理每个元素并返回一个累加器累加计算后的结果。reduce() 函数可接受三个参数,分别为:初始累加器值、当前元素、当前元素下标。代码示例如下:

function getArrayMax(arr) {
    return arr.reduce(function (prev, curr) {
        return prev > curr ? prev : curr;
    })
}

示范

接下来让我们利用一个具体的数组来演示这三种方法。

例如有如下的一个数组,我们就可以通过以上三种方法来获取其中的最大值:

const arr = [23, 45, 6, 78, 99, 100]

运行方法一:for循环遍历数组,逐一比较大小

console.log(getArrayMax(arr)) // 100

运行方法二:使用Math.max()函数实现查找数组中的最大值

console.log(getArrayMax(arr)) // 100

运行方法三:使用reduce()函数实现查找数组中的最大值

console.log(getArrayMax(arr)) // 100

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript实现查找数组中最大值方法汇总 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • js分解url参数(面向对象-极简主义法应用)

    下面是关于“js分解url参数(面向对象-极简主义法应用)”的完整攻略。 1.什么是URL参数 URL参数是指在URL中传递的键值对,以“&”符号分隔。例如以下URL中的参数是name=Lucy和age=18 http://www.example.com?name=Lucy&age=18 2.为什么要分解URL参数 在Web应用程序中,处理U…

    JavaScript 2023年5月19日
    00
  • Chrome调试折腾记之JS断点调试技巧

    Chrome调试折腾记之JS断点调试技巧 介绍 Web开发中调试是必不可少的环节之一,Chrome提供了丰富的调试工具来帮助我们定位问题。本文将着重介绍Chrome的JS断点调试技巧。 步骤 步骤一:打开调试工具 打开需要调试的页面,按下 F12 或右键选择 审查元素 ,即可打开 Chrome 的调试工具。 步骤二:在JS代码中插入断点 在需要调试的代码行左…

    JavaScript 2023年6月10日
    00
  • jquery实现浮动在网页右下角的彩票开奖公告窗口代码

    下面我将详细讲解“jquery实现浮动在网页右下角的彩票开奖公告窗口代码”的攻略。 基本思路 我们的目标是实现一个浮动在网页右下角的彩票开奖公告窗口。具体实现思路如下: 在页面底部右下角添加一个固定宽度和高度的 div 元素,设置其 position 属性为 fixed,bottom 和 right 属性为 0,这样就可以让该元素始终浮动在页面的右下角。 在…

    JavaScript 2023年6月11日
    00
  • JS动画效果打开、关闭层的实现方法

    JS动画效果打开、关闭层的实现方法可以通过以下步骤来完成: 准备HTML、CSS和JS代码 首先,需要准备好HTML页面和相应的CSS样式。创建一个HTML页面,在其上添加一个按钮或其他元素, 用于打开和关闭层。 <!DOCTYPE html> <html> <head> <title>JS动画效果打开、关闭层…

    JavaScript 2023年6月10日
    00
  • javascript对XMLHttpRequest异步请求的面向对象封装

    那我来详细讲解一下“javascript对XMLHttpRequest异步请求的面向对象封装”的完整攻略。 首先需要了解的是什么是XMLHttpRequest?XMLHttpRequest是一个内置的对象,它可以发送HTTP、HTTPS请求,从而实现异步请求数据。面向对象封装指的是把XMLHttpRequest作为一个类,通过封装把它的属性和方法进行封装,以…

    JavaScript 2023年6月11日
    00
  • 解决layui的table.checkStatus失效问题

    当我们使用layui的table组件进行表格渲染时,可能会遇到table.checkStatus()失效的问题。这个问题通常出现在表格内容为动态加载,并且通过ajax请求获取的情况下。下面就针对这个问题,提供一些解决方法。 解决方法一:事件代理 事件代理是在父级元素上监听子级元素的事件,然后在子级元素被点击时进行处理。在这个问题中,我们可以通过在table的…

    JavaScript 2023年5月27日
    00
  • JS获取农历日期具体实例

    下面就来讲解“JS获取农历日期具体实例”的完整攻略。 步骤1:引入农历计算代码 获取农历日期需要用到农历计算代码,这里主要介绍一个轻量级的农历计算库lunar-js,具体项目地址可查看GitHub。下载后可在页面上通过script标签引入。如下: <script type="text/javascript" src="lu…

    JavaScript 2023年5月27日
    00
  • JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)

    JavaScript 是一门脚本语言,用于编写网页交互逻辑。在编写网页时,有时需要向网页上输出一些文本、图像等内容,JavaScript 提供了多种方式实现对网页的输出。本文将详细介绍 JavaScript 输出显示内容的四种方式:document.write、alert、innerHTML 和 console.log。 1. document.write …

    JavaScript 2023年5月28日
    00
合作推广
合作推广
分享本页
返回顶部