JavaScript 获取数组最大值的 9 种实现方式详解
本文总结并详细解析了 JavaScript 中获取数组最大值的九种常用方法，包括 Math.max 结合 apply 或展开运算符、for 循环、reduce 迭代、sort 排序以及 ES6 解构赋值等。文章通过代码示例对比各方法的实现逻辑，并深入分析其在普通数组与大型数组场景下的优缺点、性能表现及潜在风险（如栈溢出、原数组修改等），最后提供封装调用方案，帮助开发者根据实际需求选择最优方案。
接下来将逐一解析每种方法的具体实现机制与使用场景。
1. 方法一：Math.max() 配合 apply()
- 利用 Math.max() 函数结合 apply() 方法提取数组最大值。
- apply() 的作用是将数组元素展开作为独立参数传入 Math.max() 函数。
- 最终返回计算得出的数组最大值。
2. 方法二：for 循环遍历
- 通过 for 循环逐个遍历数组元素，逐步比较以锁定最大值。
- 首先将变量 max 初始化为数组的第一个元素。
- 从第二个元素开始遍历，若当前元素大于 max，则更新 max 为当前元素值。
- 循环结束后返回 max，即数组最大值。
3. 方法三：reduce() 方法
- 利用 reduce() 方法对数组进行迭代处理，在每次迭代中更新最大值。
- 初始累加器值设为 Number.MIN_SAFE_INTEGER，确保数组内任意数值均能作为最大值被识别。
- 每次迭代时，通过 Math.max() 比较当前元素与累加器，返回较大值作为新的累加器。
- 迭代完成后返回数组最大值。
4. 方法四：sort() 排序法
- 调用 sort() 方法对数组进行排序处理。
- 若不传参，sort() 默认按字符串字典序排序，可能导致数字排序错误。
- 传入比较函数 (a, b) => a - b 可确保按数值大小升序排序。
- 排序后，数组最后一个元素即为最大值并返回。
5. 方法五：展开语法与 Math.max()
- 利用展开运算符（Spread Operator）将数组元素展开，直接作为参数传入 Math.max()。
- 函数直接返回计算得到的最大值。
6. 方法六：ES6 解构赋值与 sort()
- 先使用展开运算符将数组元素传入 sort() 进行排序（通常需配合比较函数保证数值排序）。
- 利用解构赋值语法将排序后数组的第一个元素（若降序）或最后一个元素（若升序，需调整逻辑，原文此处逻辑似有混淆，通常 sort 升序后取末尾，或降序后取首位，原文代码显示为降序 sort((a,b)=>b-a) 后取第一个）赋值给变量 max。根据原文代码 a5，此处为降序排序后取第一个元素。
- 返回数组最大值。
7. 方法七：ES6 解构赋值与 reduce()
- 使用 reduce() 方法迭代数组，在迭代过程中动态更新最大值。
- 初始值设为 Number.MIN_SAFE_INTEGER，保证任何数组元素均可成为最大值。
- 在每次迭代中，利用解构赋值将当前元素和累加器分别赋值给变量 cur 和 max。
- 若 cur 大于 max，则更新 max 为 cur 的值。
- 迭代结束后返回最大值。
8. 方法八：Math.max() 与展开运算符
- 通过展开运算符将数组元素作为参数传递给 Math.max() 函数。
- 直接返回计算出的最大值。
9. 方法九：ES6 解构赋值与 Math.max() 结合 reduce()
- 使用 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); // 输出：52. 使用 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); // 输出：53. 使用 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); // 输出：54. 使用 sort() 方法：
const arr = [1, 3, 5, 2, 4];
arr.sort((a, b) => a - b);
const max = arr[arr.length - 1];
console.log(max); // 输出：55. 使用展开语法和 Math.max() 函数：
const arr = [1, 3, 5, 2, 4];
const max = Math.max(...arr);
console.log(max); // 输出：56. 使用 ES6 的解构赋值和 sort() 方法：
const arr = [1, 3, 5, 2, 4];
const [max] = [...arr].sort((a, b) => b - a);
console.log(max); // 输出：57. 使用 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); // 输出：58. 使用 Math.max() 函数和展开运算符（Spread Operator）：
const arr = [1, 3, 5, 2, 4];
const max = Math.max(...arr);
console.log(max); // 输出：59. 使用 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() 方法：
适用场景：适用于普通数组。
优点：代码简洁，且适用于大型数组，不会栈溢出。
缺点：相比 for 循环，可能存在一定的性能开销，处理超大型数组时速度可能较慢。
4. 使用 sort() 方法：
适用场景：适用于普通数组。
优点：代码简短，适用于大型数组。
缺点：sort() 会修改原数组的顺序，且排序算法的时间复杂度较高（通常为 O(n log n)）。
5. 使用展开语法和 Math.max() 函数：
适用场景：适用于普通数组。
优点：语法简洁现代。
缺点：与 apply 类似，展开大量元素时可能导致栈溢出。
6. 使用 ES6 的解构赋值和 sort() 方法：
适用场景：适用于普通数组。
优点：代码简洁。
缺点：同样会修改原数组顺序，且存在排序带来的性能损耗。
7. 使用 ES6 的解构赋值和 reduce() 方法：
适用场景：适用于普通数组。
优点：代码简洁，不修改原数组。
缺点：可能存在性能问题，对于大型数组，reduce 的执行效率可能不如 for 循环。
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 等属性名来调用相应的方法。每种方法被调用后，均会返回传入数组的最大值。
至此，关于 JavaScript 获取数组最大值的九种方法总结完毕。如需了解更多相关内容，建议查阅本站过往文章或继续浏览后续系列教程，感谢支持！
JavaScript闭包与类(Class)的区别及适用场景对比
2026-11-05 15:48:57
JavaScript入门要学ES6吗？let与箭头函数等新特性解析
2026-11-05 14:49:16
JavaScript 8种数据类型详解：基本类型与引用类型的区别
2026-11-05 14:25:15
怎么在JavaScript中使用async/await优化Ajax异步流程
2026-11-05 13:56:15
JavaScript replace回调函数实现动态正则替换逻辑
2026-11-05 13:52:13