《JavaScript+jQuery交互式Web前端开发（第2版）》 教案-教学设计 第3章 数组

博学谷——让IT教学更简单，让IT学习更有效PAGE12PAGE6《JavaScript+jQuery交互式Web前端开发（第2版）》教学设计课程名称：授课年级：授课学期：教师姓名：年月课题名称第3章数组计划课时6课时教学引入数组用于将一组数据集合在一起。将数组赋值给一个变量后，通过变量就可以访问一组数据。在JavaScript中，使用数组可以很方便地对数据进行分类和批量处理。本章将对数组进行详细讲解，包括初识数组、创建数组、数组的基本操作、数组元素排序和二维数组。教学目标使学生了解数组的概念，能够描述数组的组成使学生掌握数组的创建，能够灵活运用数组字面量的方式创建数组使学生掌握获取和修改数组长度的方法，能够实现数组长度的获取和修改使学生掌握访问数组的方法，能够访问数组元素使学生掌握遍历数组的方法，能够使用for语句实现数组的遍历使学生掌握添加、修改、删除和筛选数组元素的方法，能够实现添加、修改、删除和筛选数组元素使学生掌握反转数组元素顺序的方法，能够实现数组元素顺序的反转使学生掌握数组的排序，能够实现数组的冒泡排序和插入排序使学生掌握创建与访问二维数组的方法，能够实现二维数组的创建与访问使学生掌握遍历二维数组的方法，能够实现二维数组的遍历教学重点创建数组获取和修改数组长度访问数组遍历数组添加和修改数组元素删除数组元素筛选数组元素反转数组元素顺序冒泡排序插入排序创建与访问二维数组遍历二维数组教学难点【案例】查找班级最高分和最低分冒泡排序插入排序【案例】使用二维数组实现矩阵转置教学方式课堂教学以PPT讲授为主，并结合多媒体进行教学教学过程第一、二课时（初识数组、创建数组、获取和修改数组长度、访问数组、遍历数组、添加和修改数组元素、删除数组元素、筛选数组元素、反转数组元素顺序、【案例】查找班级最高分和最低分）一、复习巩固教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。二、通过需求引入的方式导入新课在实际开发中，经常需要保存一批相关联的数据并进行处理。例如，保存一个班级中所有学生的语文考试成绩并计算这些成绩的平均分。虽然我们可以通过多个变量分别保存每位学生的考试成绩，再将这些变量相加后除以班级人数，求出平均分，但是这种方式非常麻烦和低效。此时，可以使用JavaScript中的数组来保存班级内每位学生的成绩，然后通过对数组的处理求出平均分，这种方式不仅简单，而且开发效率更高。下面本节课将对JavaScript中的数组和数组的基本操作进行讲解。三、新课讲解知识点1-初识数组教师通过PPT的方式讲解初识数组。数组的组成。数组中索引和值的关系。知识点2-创建数组教师通过PPT结合实际操作的方式讲解创建数组。使用数组字面量“[]”创建数组的语法格式。数组中包含空位的语法格式。通过代码演示如何使用数组字面量“[]”创建数组。知识点3-获取和修改数组长度教师通过PPT结合实际操作的方式讲解获取和修改数组长度。什么是数组长度。获取数组长度。获取数组长度的语法格式通过代码演示如何获取数组长度修改数组长度。修改数组长度的语法通过代码演示如何修改数组长度知识点4-访问数组教师通过PPT结合实际操作的方式讲解访问数组。访问数组的语法格式。通过代码演示如何在创建数组后访问数组。知识点5-遍历数组教师通过PPT结合实际操作的方式讲解遍历数组。什么是遍历数组。遍历数组的语法格式。以求班级中语文成绩的平均分为例演示遍历数组的使用。知识点6-添加和修改数组元素教师通过PPT结合实际操作的方式讲解添加和修改数组元素。什么是添加数组元素。什么是修改数组元素。添加和修改数组元素的语法格式。通过代码演示如何添加和修改数组元素。通过for语句为数组添加多个数组元素。知识点7-删除数组元素教师通过PPT结合实际操作的方式讲解删除数组元素。删除数组元素的语法格式。通过代码演示如何删除数组元素。知识点8-筛选数组元素教师通过PPT结合实际操作的方式讲解筛选数组元素。通过for语句和if语句实现筛选数组元素的功能。通过代码演示筛选所有大于或等于80分的学生成绩，并将筛选出来的成绩保存到一个新的数组中。知识点9-反转数组元素顺序教师通过PPT结合实际操作的方式讲解反转数组元素顺序。什么是反转数组元素顺序。通过代码演示数组元素的反转。知识点10-【案例】查找班级最高分和最低分教师通过PPT结合实际操作的方式讲解【案例】查找班级最高分和最低分。实现本案例的具体思路是：假设数组中第一个元素为最大值，使用for语句从数组索引为1的元素开始遍历到最后一个元素，将当前元素与预先设置的最大值比较。如果当前元素比最大值大，则将当前元素设置为最大值，再继续比较下一个元素，遍历完成后即可找到最大值。查找最小值的方法与查找最大值的方法类似。编写代码实现案例。四、归纳总结教师回顾本节课所讲的知识，并通过测试题的方式引导学生解答问题并给予指导。五、布置作业教师通过高校教辅平台（）布置本节课的作业以及下节课的预习内容。第三、四课时（冒泡排序、插入排序、创建与访问二维数组、遍历二维数组、【案例】使用二维数组实现矩阵转置）一、复习巩固教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。二、通过直接引入的方式导入新课数组元素排序是指将数组中的元素排列成一个有序的序列。排序需要使用算法来完成，下面本节课将讲解JavaScript中常见的数组元素排序算法以及二维数组的创建、访问、遍历。三、新课讲解知识点1-冒泡排序教师通过PPT结合实际操作的方式讲解冒泡排序。什么是冒泡排序。冒泡排序的具体过程。通过代码演示冒泡排序的实现。知识点2-插入排序教师通过PPT结合实际操作的方式讲解插入排序。什么是插入排序。插入排序的具体过程。通过代码演示插入排序的实现。知识点3-创建与访问二维数组教师通过PPT结合实际操作的方式讲解创建与访问二维数组。什么是二维数组。二维数组的应用。二维数组的创建。通过代码演示如何创建与访问二维数组。知识点4-遍历二维数组教师通过PPT结合实际操作的方式讲解遍历二维数组。通过代码演示如何遍历二维数组。通过一个求和的案例演示二维数组的遍历方法。首先创建二维数组arr，然后使用for语句遍历二维数组中的元素，最后进行求和。知识点5-【案例】使用二维数组实现矩阵转置教师通过PPT结合实际操作的方式讲解【案例】使用二维数组实现矩阵转置。什么是矩阵转置。编写代码实现案例。四、归纳总结教师回顾本节课所讲的知识，并通过测试题的方式引导学生解答问题并给予指导。五、布置作业教师通过高校教辅平台（）布置本节课的作业以及下节课的预习内容。第五、六课时（上机练习）上机练习主要针对本章中需要重点掌握的知识点，以及在程序中容易出错的内容进行练习，通过上机练习考察学生对知识点的掌握情况。上机：（考察知识点为：遍历数组、筛选数组元素、反转数组元素顺序、【案例】查找班级最高分和最低分、冒泡排序、插入排序、【案例】使用二维数组实现矩阵转置）形式：单独完成题目：按照要求编写程序。具体要求：首先使用数组保存班级中所有学生的语文成绩，然后通过遍历数组对数组元素求和，最后使用求和结果除以数组的长度求出班级的语文成绩平均分。将班级中所有学生的数学成绩保存到数组中，然后筛选所有大于或等于80分的学生成绩，并将筛选出来的成绩保存到一个新的数组中。将数组['tiger','elephant','cat','dog','bear','monkey']中的元素顺序反转。把班级中所有学生的分数保存到数组中，然后通过查找数组中最大值和最小值找到班级中分数最高和分数最低的