js取数组中的最大值 的九种方法

原创 已于 2023-08-16 15:51:08 修改 · 4.2k 阅读 · 23 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端 #开发语言

于 2023-08-16 15:46:46 首次发布

js取数组中的最大值的9种方法：

当然，我可以给您详细说明每种方法的工作原理和用法。以下是每种方法的详细说明：

  1. 方法1：Math.max()和apply()

    • 使用Math.max()函数和apply()方法来找到数组中的最大值。
    • apply()方法将Math.max()函数应用于数组，它将数组的元素作为参数传递给Math.max()函数。
    • 返回数组中的最大值。

  2. 方法2：for循环遍历数组

    • 使用for循环遍历数组，从第一个元素开始比较，找到最大值。
    • 初始化一个变量max为数组的第一个元素。
    • 从数组的第二个元素开始，依次与max比较，如果当前元素大于max，则更新max为当前元素。
    • 返回数组中的最大值。

  3. 方法3：reduce()方法

    • 使用reduce()方法来迭代数组，并在每次迭代时找到最大值。
    • 初始值设置为Number.MIN_SAFE_INTEGER，确保数组中的任何值都可以成为最大值。
    • 在每次迭代时，使用Math.max()函数来比较当前元素和累加器的值，返回较大的值作为下一次迭代的累加器。
    • 返回数组中的最大值。

  4. 方法4：sort()方法

    • 使用sort()方法对数组进行排序。
    • 默认情况下，sort()方法按照字符串顺序对元素进行排序。
    • 通过提供一个比较函数，可以确保按照数字顺序对元素进行排序。
    • 将数组的最后一个元素作为最大值返回。

  5. 方法5：spread语法和Math.max()函数

    • 使用展开运算符（Spread Operator）将数组的元素作为参数传递给Math.max()函数。
    • 返回数组中的最大值。

  6. 方法6：ES6的解构赋值和sort()方法

    • 使用展开运算符（Spread Operator）将数组的元素作为参数传递给sort()方法进行排序。
    • 使用解构赋值将排序后的数组的第一个元素赋值给变量max。
    • 返回数组中的最大值。

  7. 方法7：ES6的解构赋值和reduce()方法

    • 使用reduce()方法迭代数组，并在每次迭代时找到最大值。
    • 初始值设置为Number.MIN_SAFE_INTEGER，确保数组中的任何值都可以成为最大值。
    • 在每次迭代时，使用解构赋值将当前元素和累加器的值分别赋值给变量cur和max。
    • 如果cur大于max，则更新max为cur。
    • 返回数组中的最大值。

  8. 方法8：Math.max()函数和展开运算符（Spread Operator）

    • 使用展开运算符（Spread Operator）将数组的元素作为参数传递给Math.max()函数。
    • 返回数组中的最大值。

  9. 方法9：ES6的解构赋值和Math.max()函数

    • 使用reduce()方法迭代数组，并在每次迭代时找到最大值。
    • 初始值设置为Number.MIN_SAFE_INTEGER，确保数组中的任何值都可以成为最大值。
    • 在每次迭代时，使用解构赋值将当前元素和累加器的值分别赋值给变量cur和max。
    • 如果cur大于max，则更新max为cur。
    • 返回数组中的最大值。

示例

1. 使用Math.max()函数和apply()方法：

const arr = [1, 3, 5, 2, 4];
const max = Math.max.apply(null, arr);
console.log(max); // 输出：5

2. 使用for循环遍历数组：

const arr = [1, 3, 5, 2, 4];
let max = arr[0];
for (let i = 1; i < arr.length; i++) {
  if (arr[i] > max) {
    max = arr[i];
  }
}
console.log(max); // 输出：5

3. 使用reduce()方法：

const arr = [1, 3, 5, 2, 4];
const max = arr.reduce((acc, cur) => Math.max(acc, cur), Number.MIN_SAFE_INTEGER);
console.log(max); // 输出：5

4. 使用sort()方法：

const arr = [1, 3, 5, 2, 4];
arr.sort((a, b) => a - b);
const max = arr[arr.length - 1];
console.log(max); // 输出：5

5. 使用spread语法和Math.max()函数：

const arr = [1, 3, 5, 2, 4];
const max = Math.max(...arr);
console.log(max); // 输出：5

6. 使用ES6的解构赋值和sort()方法：

const arr = [1, 3, 5, 2, 4];
const [max] = [...arr].sort((a, b) => b - a);
console.log(max); // 输出：5

7. 使用ES6的解构赋值和reduce()方法：

const arr = [1, 3, 5, 2, 4];
const [max] = arr.reduce(([max], cur) => cur > max ? [cur] : [max], [Number.MIN_SAFE_INTEGER]);
console.log(max); // 输出：5

8. 使用Math.max()函数和展开运算符（Spread Operator）：

const arr = [1, 3, 5, 2, 4];
const max = Math.max(...arr);
console.log(max); // 输出：5

9. 使用ES6的解构赋值和Math.max()函数：

const arr = [1, 3, 5, 2, 4];
const [max] = arr.reduce(([max], cur) => cur > max ? [cur] : [max], [Number.MIN_SAFE_INTEGER]);
console.log(max); // 输出：5

场景

  1. 使用Math.max()函数和apply()方法：

    • 使用场景：适用于普通的数组，不适用于大型数组。
    • 优点：简单直接。
    • 缺点：对于大型数组，可能会导致栈溢出。

  2. 使用for循环遍历数组：

    • 使用场景：适用于普通的数组。
    • 优点：简单直接，适用于大型数组。
    • 缺点：需要手动编写循环代码。

  3. 使用reduce()方法：

    • 使用场景：适用于普通的数组。
    • 优点：简洁，适用于大型数组。
    • 缺点：可能会导致性能问题，对于大型数组，reduce()方法可能会比较慢。

  4. 使用sort()方法：

    • 使用场景：适用于普通的数组。
    • 优点：简单直接，适用于大型数组。
    • 缺点：改变了原数组的顺序。

  5. 使用spread语法和Math.max()函数：

    • 使用场景：适用于普通的数组。
    • 优点：简洁。
    • 缺点：对于大型数组，可能会导致栈溢出。

  6. 使用ES6的解构赋值和sort()方法：

    • 使用场景：适用于普通的数组。
    • 优点：简洁。
    • 缺点：改变了原数组的顺序。

  7. 使用ES6的解构赋值和reduce()方法：

    • 使用场景：适用于普通的数组。
    • 优点：简洁。
    • 缺点：可能会导致性能问题，对于大型数组，reduce()方法可能会比较慢。

  8. 使用Math.max()函数和展开运算符（Spread Operator）：

    • 使用场景：适用于普通的数组。
    • 优点：简洁。
    • 缺点：对于大型数组，可能会导致栈溢出。

  9. 使用ES6的解构赋值和Math.max()函数：

    • 使用场景：适用于普通的数组。
    • 优点：简洁。
    • 缺点：对于大型数组，可能会导致栈溢出。

把九种方法封装成一个方法

function findMax(arr) {
  // 方法1：Math.max()和apply()
  const method1 = () => {
    return Math.max.apply(null, arr);
  };

  // 方法2：for循环遍历数组
  const method2 = () => {
    let max = arr[0];
    for (let i = 1; i < arr.length; i++) {
      if (arr[i] > max) {
        max = arr[i];
      }
    }
    return max;
  };

  // 方法3：reduce()方法
  const method3 = () => {
    return arr.reduce((acc, cur) => Math.max(acc, cur), Number.MIN_SAFE_INTEGER);
  };

  // 方法4：sort()方法
  const method4 = () => {
    const sortedArr = [...arr].sort((a, b) => a - b);
    return sortedArr[arr.length - 1];
  };

  // 方法5：spread语法和Math.max()函数
  const method5 = () => {
    return Math.max(...arr);
  };

  // 方法6：ES6的解构赋值和sort()方法
  const method6 = () => {
    const [max] = [...arr].sort((a, b) => b - a);
    return max;
  };

  // 方法7：ES6的解构赋值和reduce()方法
  const method7 = () => {
    const [max] = arr.reduce(([max], cur) => cur > max ? [cur] : [max], [Number.MIN_SAFE_INTEGER]);
    return max;
  };

  // 方法8：Math.max()函数和展开运算符（Spread Operator）
  const method8 = () => {
    return Math.max(...arr);
  };

  // 方法9：ES6的解构赋值和Math.max()函数
  const method9 = () => {
    const [max] = arr.reduce(([max], cur) => cur > max ? [cur] : [max], [Number.MIN_SAFE_INTEGER]);
    return max;
  };

  return {
    method1,
    method2,
    method3,
    method4,
    method5,
    method6,
    method7,
    method8,
    method9
  };
}

// 使用示例
const arr = [1, 3, 5, 2, 4];
const maxFinder = findMax(arr);
console.log(maxFinder.method1()); // 输出：5
console.log(maxFinder.method2()); // 输出：5
console.log(maxFinder.method3()); // 输出：5
console.log(maxFinder.method4()); // 输出：5
console.log(maxFinder.method5()); // 输出：5
console.log(maxFinder.method6()); // 输出：5
console.log(maxFinder.method7()); // 输出：5
console.log(maxFinder.method8()); // 输出：5
console.log(maxFinder.method9()); // 输出：5

通过调用findMax函数，您将得到一个包含九种方法的对象，然后可以使用method1到method9来调用相应的方法。每种方法都会返回数组中的最大值。

【100%通过率】华为OD机试真题 Java&Go 实现【几何平均值最大子数组】【2023 Q1 | 100分】
MISAYAONE的博客
02-02 2万+
从一个长度为N的正数数组numbers中找出长度至少为L且几何平均值最大子数组，并输出其位置和大小。(K个数的几何平均值为K个数的乘积的K次方根)若有多个子数组的几何平均值均为最大值，则输出长度最小的子数组，若有多个长度相同的子数组的几何平均值均为最大值，则输出最前面的子数组。
LeetCode 4.寻找两个正序数组的中位数
qq_51553911的博客
04-27 658
题目：给定两个大小分别为 m 和 n 的正序（从小到大）数组 nums1 和 nums2。请你找出并返回这两个正序数组的 中位数 。 算法的时间复杂度应该为 O(log (m+n)) 。 示例1： 输入：nums1 = [1,3], nums2 = [2] 输出：2.00000 解释：合并数组 = [1,2,3] ，中位数 2 示例2： 输入：nums1 = [1,2], nums2 = [3,4] 输出：2.50000 解释：合并数组 = [1,2,3,4] ，中位数 (2 + 3) / 2 = 2
无涯教程-Javascript - max()函数
无涯教程
02-24 1542
此方法返回零个或多个数字中最大的一个，如果未给出参数，则输出为-Infinity。
取数组的最大值（ES5、ES6），详解Math.max() 和 reduce() API
圆圆的 JavaScript 博客
08-04 5053
取数组的最大值（ES5、ES6）的几种方法，这里提供了三种写法，前两种用的都是`Math.max()`方法实现的，最后一种用了`reduce`API，下面会讲到如何利用基本的`Math.max()`方法实现 取数组的最大值，详解apply方法在实例中的运用思想，以及`reduce`API的介绍和使用。
求js数组的最大值和最小值的四种方法(排序法,字符串拼接法,假设法,Math的max和min方法)
qq_45585640的博客
12-17 5497
求 let arr = [9, 5, 2, 1, 4];的最大值和最小值？ 1.排序法 先把数组从大到小排序，数组第一个即为最大值，最后一个即为最小值 let arr = [9, 5, 2, 1, 4]; arr.sort(function(a,b){ return b-a; }) console.log(arr);//(5) [9, 5, 4, 2, 1] max = arr[0]; min = arr[arr.length-1];
js获取数组中的最大值的9种方法
xiansibao的博客
11-24 1万+
js获取数组中的最大值的9种方法
js求数组最大值 的8中方法
一步一个脚印，踏实努力，向着目标前进
07-26 8933
根据实际需求和使用环境，您可以选择适合的方法来求取数组中的最大值。如果数组中不包含NaN或Infinity，并且使用ES6及以上版本的JavaScript，可以使用扩展运算符和Math.max()方法。这些方法也可以用来求取数组中的最大值，根据实际情况选择适合的方法。注意，对于包含NaN或Infinity的数组，需要使用适当的方法来处理。这种方法使用ES6的扩展运算符将数组展开为参数，然后使用Math.max()方法求取最大值。这种方法使用递归的方式，每次比较数组的第一个元素和剩余元素的最大值。
JavaScript数组排序10种方法详解与实现
JavaScript数组排序是前端开发与算法学习中的核心知识点之一，本文围绕“JS数组排序10法”这一主题，深入剖析了十种经典排序算法的实现原理、代码结构、时间空间复杂度以及实际应用场景。这些排序方法不仅体现了...
8、JavaScript 中数组、数据视图、内存管理与日期类的使用
最新发布
silver的专栏
08-22 36
本文深入探讨了JavaScript中类型化数组、数据视图、内存管理及日期类的使用方法，对比了其与C/C++在数组操作、内存分配和日期处理方面的差异。通过实例介绍了Uint16Array、DataView等类型的用法，展示了如何高效处理二进制数据和时间信息，并强调了垃圾回收机制的优势与非内存资源管理的注意事项。文章还提供了网络数据解析、嵌入式系统开发和日期计算等实际应用场景及最佳实践建议，帮助开发者更好地掌握JavaScript在底层数据操作和时间处理方面的能力。
数组去重十种方法详解与代码实现
第九种方法使用Map对象作为哈希表存储已见元素。Map的键可以是任意类型，因此能够更好地处理复杂数据结构。通过遍历数组，以当前元素为键查询Map，若不存在则存入并加入结果数组。这种方法支持对象引用去重（基于...
JS求数组最大值的方法（二）
qq_36250925的博客
08-24 4420
定义一个数组 var arr = [-1, 1, 101, -52, 10, 1001, 1001] 1.es6拓展运算符... Math.max(...arr) 2.es5 apply(与方法1原理相同) Math.max.apply(null,arr) 3.for循环 let max = arr[0]; for (let i = 0; i &lt; arr.length ...
js获取数组中的最大值
Amarisly的博客
12-12 9792
js获取数组中的最大值
js取数组中的最大值
zhangjing1019的博客
11-08 2万+
js取数组中的最大值 js取数组中的最大值，有四种方法 原文地址：https://www.cnblogs.com/lguow/p/9725258.html 一、借助apply(),获得最大值 var arr = [1, 2, 3, 4, 5, 6] var max = Math.max.apply(null,arr); console.log(max) //6 由于max()里面参数不能为数组...
js求数组最大值
m0_54566205的博客
03-24 3727
reduce() 方法可以将数组中的元素通过一个回调函数逐个进行计算，并返回最终的结果。可以在回调函数中比较每个元素和当前的最大值，并返回较大的值作为下一轮计算的最大值。可以使用 for 循环遍历数组，并使用一个变量来保存数组中的最大值。可以使用 apply() 方法将数组中的元素作为参数传递给 Math.max() 方法。方法之外，JavaScript 中还有多种方法可以求数组的最大值，下面介绍其中的几种。这三种方法都可以用于求数组中的最大值，具体选择哪种方法取决于实际情况和个人喜好。
【javascript】js获取数组中数值最大的数
hzxOnlineOk的博客
11-23 1万+
由于max()里面参数不能为数组，所以借助apply(funtion,args)方法调用Math.max()，function为要调用的方法，args是数组对象，当function为null时，默认为上文，即相当于apply(Math.max,arr)call()与apply()类似，区别是传入参数的方式不同，apply()参数是一个对象和一个数组类型的对象，call()参数是一个对象和参数列表。sort()排序默认为升序，reverse()将数组掉个。b-a从大到小，a-b从小到大。
Js apply 方法 详解
热门推荐
raisezhang 的专栏
11-09 8万+
Js apply方法详解 我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享..  如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高.. 主要我是要解决一下几个问题: 1.        apply和call的区别
js求数组最大值的三种方法
qq_51463650的博客
08-14 984
1。直接使用数学函数。2.使用apply高端写法。3.展开运算符是基操
js获取数组中最大值
荷逸的博客
06-10 1318
js获取数组中最大值
js 求数组中最大值
彤先森的博客
01-20 1858
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一花一world

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值