在 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.