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

yizhihongxing

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日

相关文章

  • javascript 通过封装div方式弹出div窗体

    下面是JavaScript通过封装div方式弹出div窗体的攻略,包含以下几个步骤: 步骤1:创建一个DIV窗体 我们可以使用HTML标记创建一个DIV窗体,比如: <div id="myDiv" style="display:none;"> 这是弹出窗体的内容。 </div> 这里创建了一个I…

    JavaScript 2023年6月11日
    00
  • javascript的惯性运动实现代码实例

    下面是“JavaScript的惯性运动实现代码实例”的完整攻略。 理解惯性运动 在开始编写代码实现惯性运动之前,我们需要先理解惯性运动的概念。 所谓惯性运动,指的是对象在受到外力作用后,由于惯性而产生的运动。比如说,当你用力向前推一个物体,它并不会立刻静止,而会先快速运动一段时间,然后逐渐减缓,最终停下来。 我们可以通过数学公式来描述物体的运动状态,其中包括…

    JavaScript 2023年6月11日
    00
  • vue项目实例中用query传参如何实现跳转效果

    Vue项目中实现通过query传参跳转页面有以下两种方法: 方法一:使用router-link跳转页面 router-link是Vue Router提供的路由跳转组件,通过它可以实现页面之间的跳转,同时可以传递参数。下面是一个示例: <template> <router-link :to="{name: ‘detail’, que…

    JavaScript 2023年6月11日
    00
  • JS中FileReader类实现文件上传及时预览功能

    下面是详细的讲解: JS中FileReader类实现文件上传及时预览功能 1. FileReader类介绍 FileReader是HTML5中提供的一个用来读取文件的类,可以通过它将本地的文件读取到内存中。可用于文件上传前的文件预览功能。 FileReader类有以下2个主要方法: readAsDataURL(file):将读取到的文件转换成base64编码…

    JavaScript 2023年5月27日
    00
  • event.srcElement+表格应用

    Sure! 什么是 event.srcElement? event.srcElement是一种废弃的DOM属性,用于获取触发事件的元素。目前更推荐使用 event.target属性来代替它。event.target返回事件发生时的元素,而event.srcElement在特定情况下返回与event.target相同的值。但是有一些情况下event.srcEl…

    JavaScript 2023年6月10日
    00
  • JavaScript 异步调用框架 (Part 2 – 用例设计)

    JavaScript异步调用框架 (Part 2 – 用例设计) 什么是异步调用? JavaScript是一种单线程的语言,所以同一时间只能执行一个任务。当一个任务阻塞了线程时,其他任务只能等待。由于JavaScript常用于web编程中,用户期望网页能够立即响应他们的操作。如果JavaScript因为执行某些长时间运行的函数而阻塞了线程,网页将会出现卡顿的…

    JavaScript 2023年5月28日
    00
  • 使用 JS 复制页面内容的三种方案

    下面是使用 JS 复制页面内容的三种方案的完整攻略: 一、使用 document.execCommand() 方法 1. 步骤 将待复制的内容放到一个元素中,例如一个 div 标签,在这里我们以一个具有 class 为 “copy-content” 的 div 块为例。 html<div class=”copy-content”> <p&g…

    JavaScript 2023年6月11日
    00
  • es6 filter() 数组过滤方法总结

    标题:ES6 filter() 数组过滤方法总结 介绍:在ES6中,filter()是一个常用的数组方法,它可以根据指定的条件来过滤数组元素。本文将详细讲解ES6中的filter()方法,包括其参数和用法,同时提供两个实际的示例来帮助读者更好地理解。 正文: 参数和用法 ES6中的filter()方法接受一个回调函数作为参数,回调函数可以接受三个参数,分别是…

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