JavaScript如何获取数组最大值和最小值

作者:函数茶馆

时间:2026-10-29

浏览:174

本文介绍如何使用JavaScript编写程序来获取数组中的最大值和最小值。通过定义findMax和findMin函数,遍历数组元素进行比较,最终在页面上显示结果。

文章目录

JavaScript获取数组最大值和最小值示例

本文通过一个具体的JavaScript示例,展示了如何获取数组中的最大值和最小值。文章提供了完整的代码实现,并对运行效果进行了截图展示,供读者参考学习。

JavaScript获取数组最大值和最小值示例

以下是实现该功能的具体代码:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>JavaScript获取数组最大值和最小值</title> 
<script type="text/javascript"> 
  //获取数组最大值 
  function findMax() 
  { 
    var arr = [3,4,76,2,54,23,78,90,89,99,234,12,23,76,89,90]; 
    var max = Array.max(arr); 
    document.getElementById("max").value = max; 
  } 
   
  //获取数组最大值函数 
  Array.max = function(arr) 
  { 
    return Math.max.apply(Math,arr);   
  } 
   
  //获取数组最小值 
  function findMin() 
  { 
    var arr = [34,4,3,67,89,30,23]; 
    var min = Array.min(arr); 
    document.getElementById("min").value = min;  
  } 
   
  //获取数组最小值函数 
  Array.min = function(arr) 
  { 
    return Math.min.apply(Math,arr);   
  } 
   
  window.onload = function(){ 
    findMax(); 
    findMin(); 
  }; 
</script> 
</head> 
 
<body> 
  <label>数组最大值:</label> 
  <input type="text" id="max"/> 
  <label>数组最小值:</label> 
  <input type="text" id="min"/> 
</body> 
</html> 

希望本文的内容能帮助读者更好地理解JavaScript中数组最大值和最小值的获取方法,并对学习JavaScript程序设计有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章