如何在 JavaScript 中使用展开运算符查找数组中的最大值？

在本文中，我们将讨论如何在 JavaScript 中使用展开运算符查找数组中的最大值。

为此，您需要了解什么是数组、什么是展开运算符以及 Math.max() 方法。

数组

数组是一个变量，用于存储不同类型的元素。用于存储一组元素并使用单个变量访问它们。

数组的声明可以通过以下方法完成。

var House = [ ]; // method 1 
var House = new Array(); // method 2

展开运算符 (…)

此运算符有助于将数组或对象的全部或部分复制到另一个数组或对象中。

Syntax: console.log(...object)

Math.max() 方法

Math 是一个内置对象，包含用于数学常量的方法和属性。它不是函数对象。使用Number类型，可以进行数学运算。使用BigInt，则无法使用。

为了在数组中查找最大值，我们有很多内置函数，但是使用展开运算符，查找数组中的最大值变得更加容易。使用 math.max() 方法将元素分别传递给它非常困难。因此，为了避免这种复杂性，我们使用展开运算符来查找最大元素。

示例 1

使用 Math 方法查找最大数组

在下面的场景中，我们使用了 math.max() 而不是展开运算符。这使得数组中的每个元素都分别传递到 math 函数中。如果元素数量较少，则可以正常工作，如果元素数量较多，则将每个元素分别推入函数将是一项巨大的任务。

<html>
<body>
   <script>
      //Implementing the array
      var array = [10, 20, 30, 90, 120];
      
      //Pushing every value of the array into math function
      var Max_array = Math.max(array[0], array[1], array[2], array[3], array[4]);
      
      //Printing all values of the array
      document.write("Values in the array:");
      document.write(array);
      document.write("<br>")
      
      //Printing the maximum array
      document.write("The maximum value in the array is:")
      document.write(Max_array);
   </script>
</body>
</html>

示例 2

使用展开运算符查找最大数组

在此场景中，我们在脚本中包含了展开运算符以查找数组中的最大元素。在这里，我们不需要将数组的所有元素都传递到任何函数中。我们只需要利用展开运算符来避免这种繁重的过程。这是一种查找数组最大元素的新方法。

<html>
<body>
   <script>
      //Implementing the array and its values.
      var array = [6, 4, 8, 9, 12];
      
      //Pushing values of the array using spread operator.
      var Max_array = Math.max(...array);
      
      //Printing elements of the array
      document.write("Values of the array are:");
      document.write(array);
      document.write("<br>")
      
      // Maximum array value.
      document.write("The maximum value in the array is :");
      document.write(Max_array);
   </script>
</body>
</html>

示例 3

用户输入值

在此脚本中，我们使用了展开运算符，并且没有在脚本中定义数组和值，而是从用户那里获取了数组值。

<html>
<body>
   <script>
      var array = []; // Empty array.
      var size = 5; // Size of the array.
      
      //Prompts to user to enter the array elements.
      for (var a = 0; a < size; a++) {
         array[a] = prompt('Enter the array Element ' + (a + 1));
      }
      
      //Pushing values of the array using spread operator.
      var Max_array = Math.max(...array);
      
      //Printing Array values.
      document.write("Array and its values are: ");
      document.write(array);
      document.write("<br>")
      
      //Finding maximum value in array.
      document.write("The maximum value in the array is: ");
      document.write(Max_array);
   </script>
</body>
</html>

更新于: 2022年9月16日

1K+ 次查看

开启您的 职业生涯

通过完成课程获得认证

开始学习
广告