如何在 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+ 次檢視

開啟您的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.