在 JavaScript 中查詢陣列的中位數

JavaScript 中的陣列是一種用於儲存同類型元素的資料型別。這些元素儲存在連續的記憶體位置。我們可以藉助索引號訪問陣列中的每個資料元素。索引號從 0 開始。

語法

以下是建立 JavaScript 陣列的語法：

const array_name = [item1, item2, ...];

以下是 JavaScript 中陣列的簡單宣告。

Const Body = ['Eyes', 'Nose', 'Lips', 'Ears'];

查詢陣列的中位數元素

我們需要編寫一個 JavaScript 程式來查詢陣列的中位數元素。為了更好地理解這一點，讓我們看看一些輸入輸出場景：

輸入輸出場景

我們在查詢陣列的中位數元素時有兩種情況。一種是陣列元素總數為奇數，另一種是元素總數為偶數。

假設我們有一個數組，其中元素個數為奇數。現在我們需要找到陣列的中位數元素。

Input = [1, 3, 7, 10, 17, 18, 33, 45, 99] 
Output = 17

現在讓我們假設第二種情況，陣列中的元素總數為偶數。在這種情況下，中位數元素將是兩個元素。

Input = [1, 3, 7, 10, 17, 18, 33, 45] 
Output = 10, 17

有兩種不同的方法可以找到陣列的中位數元素，讓我們一一來看：

示例 1

包含奇數個元素的陣列

在下面的示例中，我們聲明瞭一個包含奇數個元素的陣列。我們建立了一個使用者定義的函式mid來返回陣列的中位數元素。此函式將檢查陣列元素是偶數還是奇數。

如果給定陣列中的元素個數為奇數，則返回單個元素作為中位數；如果元素個數為偶數，則將兩個元素視為中位數。

<!DOCTYPE html> 
<html>  
<head> 
   <title>Mid Element of array having odd number of elements</title>
   <button onClick = "func()">Click </button> 
   <p id = "para"> </p> 
   <script> 
      const array = [1, 3, 7, 10, 17, 18, 33, 45, 99]; 
      function func(){ 
         function mid(array, index){ 
            while(array[index]){ 
               return mid(array, ++index); 
            }; 
            return index % 2 !== 0 ? [array[(index-1) / 2]] : [array[(index/2)-1], array[index/2]]; 
         }; 
         document.getElementById("para").innerHTML = "Mid of the given array is: " + mid(array, index = 0); 
      }; 
   </script> 
</head> 
</html>

示例 2

包含偶數個元素的陣列

在下面的示例中，我們建立了一個包含偶數個元素的陣列。使用使用者定義的函式，它將檢查陣列元素是偶數還是奇數。由於陣列中的元素個數為偶數，它將列印兩個元素作為中位數元素。

<!DOCTYPE html> 
<html>  
<head>
   <title>Mid Element of array having odd number of elements</title> 
   <button onClick = "func()">Click </button> 
   <p id = "para"> </p> 
   <script> 
      const array = [1, 3, 7, 10, 17, 18, 33, 45]; 
      function func(){ 
         function mid(array, index){ 
            while(array[index]){ 
               return mid(array, ++index); 
            }; 
            return index % 2 !== 0 ? [array[(index-1) / 2]] : [array[(index/2)-1], array[index/2]]; 
         }; 
         document.getElementById("para").innerHTML = "Mid of the given array is: " + mid(array, index = 0); 
      }; 
   </script> 
</head> 
<body> 
</body> 
</html>

示例 3

在下面的示例中，我們建立了一個包含奇數個元素的陣列和一個按鈕。我們向該按鈕添加了一個onClick事件並計算了陣列中的中位數元素。因此，當單擊按鈕時，我們將獲得陣列的中位數元素。

<!DOCTYPE html> 
<html> 
<center>
<head> 
   <title>Mid Element of array</title> 
   <style> 
      .button { 
         background-color: MediumSeaGreen; 
         border: none; 
         color: white; 
         padding: 15px 32px; 
         text-align: center; 
         text-decoration: none; 
         display: inline-block; 
         font-size: 16px; 
         margin: 2px 2px; 
         cursor: pointer;   
      } 
   </style> 
</head>  
<body> 
   <div> 
      <button class = "button">Mid of array</button> 
      <p> Click the above button to get the mid element of array </p> 
   </div> 
   <script> 
      let btn = document.querySelector('button'); 
      let result = document.querySelector('p'); 
      let array = ['RRR', 'KGF', 'Bahubali', 'Pushpa', 'Dangal']; 
      btn.addEventListener('click', () => { 
         let mid_element = (array.length - 1) / 2; 
         result.innerHTML = array[mid_element]; 
      }); 
   </script> 
</body> 
</center> 
</html>

更新於：2022年9月23日

2K+ 次瀏覽

啟動您的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.