《JavaScript程序设计案例教程》教案 第3章 数组.docx

PAGE2

PAGE2

PAGE11

PAGE11

课题

数组

课时

4课时（180min）

教学目标

知识目标：

（1）了解什么是引用类型

（2）掌握定义数组的方法

（3）掌握数组元素的基本操作

（4）掌握数组的遍历

（5）掌握数组相关方法的应用

能力目标：

（1）能够准确阐述JavaScript中基本类型和引用类型在内存存储方式上的不同

（2）能够对数组元素进行获取、赋值、添加和删除等操作，并理解不同操作的效果

（3）会使用for循环和forEach()方法遍历数组，获取数组中的所有元素

（4）可以使用冒泡排序法、插入排序法和sort()方法对数组进行排序，理解不同排序方法的原理和适用场景

素质目标：

（1） 强化网络安全意识，树立正确的理想信念

（2）增强个人信息保护和依法维权意识

教学重难点

教学重点：引用类型与基本类型的差异，数组的定义、元素操作、遍历及定位方法，数组的排序及多种内置方法的运用，对数组的综合处理能力

教学难点：深入理解引用类型的内存存储机制，复杂的数组操作，多种数组排序方法的原理及实现，数组内置方法中参数的作用及返回值

教学方法

问答法、讨论法、讲授法

教学用具

电脑、投影仪、多媒体课件、教材

教学过程

主要教学内容及步骤

课前任务

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，完成课前任务

请同学们上网有哪些信誉好的足球投注网站并了解，数组在不同编程语言中的应用场景有哪些相似之处和不同点，然后在APP上进行讨论

【学生】完成课前任务

考勤

【教师】使用APP进行签到

【学生】班干部报请假人员及原因

问题导入

【教师】提出以下问题：

假设你正在组织一场活动，需要记录参加活动的人员名单。你会用什么方法来存储这些人员的名字呢？

【学生】聆听、思考、举手回答

传授新知

【教师】通过学生的回答，引入新知，讲解基本类型和引用类型，数组的定义、元素操作、遍历、定位及排序

3.1认识引用类型

JavaScript中有两大数据类型，分别是基本类型和引用类型。基本类型是指简单的数据片段，如数字1、字符串aa等；引用类型是一种具有复杂结构的数据，其内部包含了许多属性和方法。下面通过示例对比基本类型和引用类型的区别。

当一个变量为基本类型时，将该变量赋值给另一个变量时，是将该变量对应值的副本赋值给另一个变量，代码如下：

varx=1;

vary=x; //将变量x赋值给y

y=2;

console.log(x); //输出结果1

上述示例，变量x的值为1，将变量x赋值给变量y，再将变量y的值修改为2，最终x对应的值还是1，并没有因为y值的改变而改变。

?【教师】利用多媒体展示“基本类型数据在内存中的存储”图片（详见教材），并进行讲解

……（详见教材）

当一个变量为引用类型时，将该变量赋值给另一个变量时，是将该变量对应的引用地址赋值给另一个变量，代码如下：

varx={

num:1

}

vary=x; //将变量x赋值给y

y.num=2; //修改对象中num属性的值

console.log(x.num); //输出结果2

在上述示例中，变量x的值为对象{num:1}（对象的相关知识将在第5章详细介绍，此处仅简单应用），将变量x赋值给变量y，再修改y.num的值为2，最终x.num对应的值也变为了2。由此可知，当y修改了对应的num值时，x对应的num值也会发生变化。

?【教师】利用多媒体展示“引用类型数据在内存中的存储”图片（详见教材），并进行讲解

……（详见教材）

【课堂讨论】

?【教师】组织学生以小组为单位讨论以下问题：

请同学们结合实际编程经验或想象的项目场景，讨论引用类型在哪些情况下会被广泛使用，以及使用引用类型带来的好处和可能面临的问题。

?【学生】聆听、思考、小组讨论，由小组代表上台发表讨论结果

?【教师】总结学生的讨论结果

3.2数组

3.2.1什么是数组

在JavaScript开发中，数组主要用于临时存储同类数据，进行高速批量运算。例如，有一批用户名称需要临时进行记录保存，根据之前学习的知识，如果使用一个变量保存一个用户名称，就需要多个变量，这给代码编写和维护都带来了很大的困难，使用数组类型的变量来保存这种批量数据就很好地解决了这些问题。

数组本质上是一种具有顺序的特殊对象。数组由多个元素组成，每个元素由“下标”和“值”组成。其中数组元素的“下标”又称“索引”或“键”，以数字标识，代表元素在数组中的位置，默认情况下从0开始递增。数组元素的值可以存储任意类型的数据，如String类型、Number类型、Object类型等。

?【教师】利用多