【案例3-1】 统计成绩最大值和最小值
一、案例描述
- 考核知识点
数组的创建
- 练习目标
- 掌握创建数组的方式。
- 了解Array.length求数组长度
- 需求分析
输入小明的5门成绩,计算出总分,平均分、最高分,最低分。
- 案例分析
- 效果如图3-1所示。
- 计算结果展示
- 具体实现步骤如下:
- 定义一个数组arr,存放5门成绩。
- 定义总分变量sum=0。
- 定义最高分变量max=0。
- 定义最低分变量min=100。
- for循环遍历数组arr。
- 输出结果。
二、案例实现
根据上面的分析,可以通过简单的JavaScript代码来实现这一效果,具体代码如下:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>统计成绩最大值和最小值</title>
- </head>
- <body>
- <script>
- // 输入5门成绩,求总分,平均分、最高分,最低分
- var arr = new Array(83,75,65,59.5,92);
- var sum = 0;
- var max = 0;
- var min = 100;
- for(var i=0;i<arr.length;i++){
- sum += arr[i];
- if(arr[i]>max){
- max = arr[i];
- }
- if(arr[i]<min){
- min = arr[i];
- }
- console.log(sum)
- }
- document.write('5门成绩分别是:'+arr+'<br/>')
- document.write('总分是:'+ sum +'<br/>');
- document.write('平均分:'+(sum / i)+'<br/>');
- document.write('最高分:'+max+'<br/>');
- document.write('最低分:'+min);
- </script>
- </body>
- </html>