JavaScript程序设计基础教程（慕课版）（第2版） 教案 单元5、6 JavaScript数组、窗口和框架.docx
PAGE1
PAGE
单元5JavaScript数组
课程名称
JavaScript程序设计
项目名称
JavaScript数组
任务名称
JavaScript数组
课时
2
项目性质
□演示性□验证性□设计性√综合性
授课班级
授课日期
授课地点
教学目标
能力目标：
1.具备使用二维及多维数组的能力
2.具备使用数组常用方法的能力
知识目标：
1．掌握数组的创建和数组元素的读写
2．掌握添加和删除元素的方法
素质目标：
1.培养学生信息搜集能力
2.培养学生团结合作、互帮互助的能力
教学内容
1.数组及数组元素
2.添加和删除元素
3.二维及多维数组
4.数组常用方法
5．教师讲解本任务涉及的知识点
6.小结与实训
教学重点
数组常用方法
教学难点
使用多维数组
教学准备
1.装有Chrome浏览器或者Firefox浏览器，并且安装有WAMP的电脑
2.教学课件PPT
3.教材：《JavaScript程序设计基础教程（微课版）》刘刚人民邮电出版社
作业设计
运用二维数组统计文本框中输入的各字符个数。
教学过程
教学
环节
教学内容与过程
（教学内容、教学方法、组织形式、教学手段）
课前组织
做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。
课程
说明
【课前说明】
分别从数组及数组元素、添加和删除元素、二维及多维数组以及数组常用的方法等进行初步的了解。
【目的】
使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目标。
课程
内容
描述
数组及数组元素
数组是一种数据类型，它包含或者存储了编码的值。JavaScript数组的创建的两种方法：使用array构造函数、使用字面量法创建数组。可以使用[]运算符来存取数组元素。在方括号左边应该是对数组的引用。方括号之中是具有非负整数值的任意表达式。既可以使用这一语法来读一个数组元素，也可以用它来写一个数组元素。
二、添加和删除元素
JavaScript的数组可以具有任意个数的元素，可以在任何时刻通过添加和删除元素来改变数组元素的个数。
二维及多维数组
案例：
要创建一个3行3列的矩阵，每个元素包含矩阵的i（行）、j（列）及z（深度）之和。
varmatrix3x3x3=[];
for(vari=0;i3;i++){
matrix3x3x3[i]=[];
for(varj=0;j3;j++){
matrix3x3x3[i][j]=[];
for(varz=0;z3;z++){
matrix3x3x3[i][j][z]=i+j+z;
}
}
}
再用以下的代码输出这个3行3列矩阵的内容。
for(vari=0;imatrix3x3x3.length;i++){
for(varj=0;jmatrix3x3x3[i].length;j++){
for(varz=0;zmatrix3x3x3[i][j].length;z++){
console.log(matrix3x3x3[i][j][z]);
}
}
}
数组常用方法
JavaScrip数组核心方法
方法名
描述
concat
连接两个或更多数组，并返回结果
every
对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true
filter
对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组
forEach
对数组中的每一项运行给定函数，这个方法没有返回值
join
将所有的数组元素连接成一个字符串
indexOf
返回第一个与给定参数相等的数组元素的索引，没有找到则返回-1
lastIndexOf
返回在数组中搜索到的与给定参数相等的元素的索引里最大的值
map
对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组
reverse
颠倒数组中元素的顺序，原先第一个元素现在变成最后一个，同样原先的最后一个元素变成了现在的第一个
slice
传入索引值，将数组里对应索引范围内的元素作为新数组返回
some
对数组中的每一项运行给定函数，如果任一项返回true，则返回true
sort
按照字母顺序对数组排序，支持传入指定排序方法的函数作为参数
toString
将数组作为字