Math.min.apply(0, array) - 为什么要这样使用？

在前端开发中，我们经常需要比较一组数据的最小值或最大值。通常我们会使用 Math.min() 或 Math.max() 来完成这个任务。然而，在处理数组时，我们需要将数组元素作为参数传递给 Math.min() 或 Math.max()，这可能会导致一些不便。

这时候，我们可以使用 Function.prototype.apply() 方法来避免这个问题。apply() 方法能够修改函数的上下文，使得我们可以在调用函数时用一个数组来代替多个参数。因此，返回数组中的最小值或最大值就变得非常简单。

具体来说，当我们想要获取一个数组中的最小值时，可以使用以下代码：

const arr = [3, 6, 1, 9, 2];
const minVal = Math.min.apply(null, arr);
console.log(minVal); // 1

在这个例子中，我们首先定义了一个包含数字的数组 arr，然后通过 Math.min.apply() 函数获取数组中的最小值并将其分配给变量 minVal。注意，为了正确地传递数组作为参数，我们使用了 null 作为第一个参数，这是因为 apply() 方法需要一个对象作为其上下文，但我们在这里只是想要使用全局上下文。

同样地，我们也可以使用 Math.max.apply() 函数来获取一个数组中的最大值：

const arr = [3, 6, 1, 9, 2];
const maxVal = Math.max.apply(null, arr);
console.log(maxVal); // 9

虽然这种方法可能看起来有些冗长，但它确实是更快、更容易使用的方法。在处理大型数据集时，使用 Math.min.apply() 和 Math.max.apply() 可以提高代码的性能和可读性。

此外，在 ES6 中我们还可以使用扩展运算符 ... 来替代 apply() 方法，如下所示：

const arr = [3, 6, 1, 9, 2];
const minVal = Math.min(...arr);
const maxVal = Math.max(...arr);
console.log(minVal); // 1
console.log(maxVal); // 9

这种方法更为简洁，但其执行速度很慢，会导致内存溢出或者堆栈溢出，因此在处理大量数据时要小心使用。

总之，使用 Math.min.apply() 和 Math.max.apply() 函数可以帮助您更轻松地在JavaScript中查找一组数据的最小值和最大值。同时，与ES6中的扩展运算符相比，它们也更适合处理大量的数值数据。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28247