输出数组的长度-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第3章-课后作业)

时间:2021-11-05 01:11:24

【案例3-5】输出数组的长度

一、案例描述

  1. 考核知识点

length()方法

  1. 练习目标
  • 掌握length()方法获取数组长度。
  • 掌握数组的遍历。
  1. 需求分析

数组中保存五个学生的数学成绩,遍历数组分别获取每一个学生的数学成绩分数,用length()函数获取数组的长度。

  1. 案例分析
  1. 效果如图3-5所示。

输出数组的长度-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第3章-课后作业)

 

  1. 输出结果展示

  1. 具体实现步骤如下:
  1. 创建空数组arr。
  2. 给数组arr赋值,存放5名同学的数学成绩。
  3. 使用length遍历数组。
  4. 输入每个同学的分数。
  5. 输入数组的长度。

二、案例实现

根据上面的分析,可以通过简单的JavaScript代码来实现这一效果,具体代码如下:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>输出数组的长度</title>
  6.     <script>
  7.         var arr = new Array();//创建好了一个数组
  8.         arr[0] = "1";
  9.         arr[1] = "82";
  10.         arr[2] = "83";
  11.         arr[3] = "98";
  12.         arr[4] = "59";    
  13.         // alert(a[2]); // 想要得到数组中第三个同学的成绩
  14.         // 数组相关一个属性:length指的是数组的长度
  15.         // alert(a.length);
  16.         //使用length遍历数组
  17.         for(var i = 0 ;i < arr.length ; i++){
  18.            console.log(''+(i+1)+'位同学分数是:'+arr[i]);
  19.         }
  20.         console.log('数组长度为:'+arr.length);
  21.     </script>
  22. </head>
  23. <body>
  24. </body>
  25. </html>