博學(xué)谷——讓IT教學(xué)更簡(jiǎn)單，讓IT學(xué)習(xí)更有效PAGE12PAGE6黑馬程序員《JavaScript前端開(kāi)發(fā)案例教程（第2版）》教學(xué)設(shè)計(jì)課程名稱：授課年級(jí)：授課學(xué)期：教師姓名：年月課題名稱第3章數(shù)組計(jì)劃課時(shí)5課時(shí)教學(xué)引入數(shù)組（Array）是一種復(fù)雜數(shù)據(jù)類型，用來(lái)將一組數(shù)據(jù)集合在一起，通過(guò)一個(gè)變量就可以訪問(wèn)一組數(shù)據(jù)，并且數(shù)據(jù)可以是任意類型的數(shù)據(jù)，例如字符串、數(shù)字、數(shù)組或?qū)ο蟮取Ｒ虼耍脭?shù)組可以很方便地對(duì)數(shù)據(jù)進(jìn)行分類和批量處理。本章將對(duì)數(shù)組進(jìn)行詳細(xì)講解。教學(xué)目標(biāo)使學(xué)生熟悉數(shù)組的概念，能夠說(shuō)出數(shù)組的組成使學(xué)生掌握數(shù)組的創(chuàng)建，能夠使用兩種方式實(shí)現(xiàn)數(shù)組的創(chuàng)建使學(xué)生掌握獲取和修改數(shù)組長(zhǎng)度的方法，能夠?qū)崿F(xiàn)獲取和修改數(shù)組的長(zhǎng)度使學(xué)生掌握訪問(wèn)數(shù)組的方法，能夠?qū)崿F(xiàn)訪問(wèn)整個(gè)數(shù)組和訪問(wèn)數(shù)組元素使學(xué)生掌握遍歷數(shù)組的方法，能夠使用for語(yǔ)句實(shí)現(xiàn)數(shù)組的遍歷使學(xué)生掌握添加、修改和刪除數(shù)組元素的方法，能夠?qū)崿F(xiàn)添加、修改和刪除數(shù)組元素使學(xué)生熟悉二維數(shù)組的概念，能夠說(shuō)出什么是二維數(shù)組使學(xué)生掌握創(chuàng)建與遍歷二維數(shù)組的方法，能夠?qū)崿F(xiàn)二維數(shù)組的創(chuàng)建和遍歷使學(xué)生掌握數(shù)組的排序，能夠?qū)崿F(xiàn)數(shù)組的冒泡排序和插入排序教學(xué)重點(diǎn)創(chuàng)建數(shù)組訪問(wèn)數(shù)組遍歷數(shù)組修改數(shù)組元素創(chuàng)建與遍歷二維數(shù)組教學(xué)難點(diǎn)創(chuàng)建與遍歷二維數(shù)組冒泡排序插入排序教學(xué)方式課堂教學(xué)以PPT講授為主，并結(jié)合多媒體進(jìn)行教學(xué)教學(xué)過(guò)程第一、二課時(shí)（初識(shí)數(shù)組、創(chuàng)建數(shù)組、獲取和修改數(shù)組長(zhǎng)度、訪問(wèn)數(shù)組、遍歷數(shù)組、添加數(shù)組元素、修改數(shù)組元素、刪除數(shù)組元素、【案例】查找班級(jí)最高分和最低分）一、復(fù)習(xí)鞏固教師通過(guò)上節(jié)課作業(yè)的完成情況，對(duì)學(xué)生吸收不好的知識(shí)點(diǎn)進(jìn)行再次鞏固講解。二、通過(guò)需求引入的方式導(dǎo)入新課在開(kāi)發(fā)中，經(jīng)常需要保存一批相關(guān)聯(lián)的數(shù)據(jù)并進(jìn)行處理。例如，保存一個(gè)班級(jí)中所有學(xué)生的考試成績(jī)，然后求班級(jí)成績(jī)的平均分，我們需要使用多個(gè)變量分別保存每名學(xué)生的成績(jī)，再將這些變量相加后除以班級(jí)人數(shù)，求出平均分。這種方式非常麻煩，JavaScript為我們提供了數(shù)組，使用數(shù)組可以輕松保存班級(jí)內(nèi)每位學(xué)生的成績(jī)，然后通過(guò)對(duì)數(shù)組的操作求出平均分。本節(jié)課將講解數(shù)組的概念以及數(shù)組的基本操作。三、新課講解知識(shí)點(diǎn)1-初識(shí)數(shù)組教師通過(guò)PPT的方式講解數(shù)組的概念。什么是數(shù)組。數(shù)組中的元素。數(shù)組元素的索引和值。知識(shí)點(diǎn)2-創(chuàng)建數(shù)組教師通過(guò)PPT結(jié)合實(shí)際操作的方式講解如何創(chuàng)建數(shù)組。使用newArray()方式創(chuàng)建數(shù)組。創(chuàng)建空數(shù)組。創(chuàng)建指定長(zhǎng)度的數(shù)組。創(chuàng)建含有元素的數(shù)組。數(shù)組中可以存放任意類型的元素。數(shù)組中還可以保存數(shù)組。使用數(shù)組字面量創(chuàng)建數(shù)組。創(chuàng)建空數(shù)組。創(chuàng)建含有元素的數(shù)組。對(duì)比兩種創(chuàng)建數(shù)組方式的區(qū)別。知識(shí)點(diǎn)3-獲取和修改數(shù)組長(zhǎng)度教師通過(guò)PPT結(jié)合實(shí)際操作的方式講解如何獲取和修改數(shù)組長(zhǎng)度。使用“數(shù)組名.length”獲取數(shù)組長(zhǎng)度。修改數(shù)組長(zhǎng)度的3種情況。修改的數(shù)組長(zhǎng)度大于數(shù)組原長(zhǎng)度。修改的數(shù)組長(zhǎng)度等于數(shù)組原長(zhǎng)度。修改的數(shù)組長(zhǎng)度小于數(shù)組原長(zhǎng)度。知識(shí)點(diǎn)4-訪問(wèn)數(shù)組教師通過(guò)PPT結(jié)合實(shí)際操作的方式講解如何訪問(wèn)數(shù)組。通過(guò)“數(shù)組名[索引]”獲取指定索引的值。通過(guò)案例演示數(shù)組的訪問(wèn)。知識(shí)點(diǎn)5-遍歷數(shù)組教師通過(guò)PPT結(jié)合實(shí)際操作的方式講解如何遍歷數(shù)組。什么情況下需要遍歷數(shù)組。通過(guò)案例演示如何利用for語(yǔ)句實(shí)現(xiàn)數(shù)組的遍歷。知識(shí)點(diǎn)6-添加數(shù)組元素教師通過(guò)PPT結(jié)合實(shí)際操作的方式講解如何添加數(shù)組元素。什么情況下需要添加數(shù)組元素。使用“數(shù)組名[索引]=值”添加數(shù)組元素。添加數(shù)組元素時(shí)允許索引不按照數(shù)字順序連續(xù)添加，未設(shè)置具體值的元素會(huì)以空存儲(chǔ)位置的形式存在。知識(shí)點(diǎn)7-修改數(shù)組元素教師通過(guò)PPT結(jié)合實(shí)際操作的方式講解如何修改數(shù)組元素。什么情況下需要修改數(shù)組元素。演示修改數(shù)組元素的示例代碼。知識(shí)點(diǎn)8-刪除數(shù)組元素教師通過(guò)PPT結(jié)合實(shí)際操作的方式講解如何刪除數(shù)組元素。什么情況下需要?jiǎng)h除數(shù)組元素。演示如何使用delete關(guān)鍵字刪除數(shù)組元素。知識(shí)點(diǎn)9-【案例】查找班級(jí)最高分和最低分教師通過(guò)PPT結(jié)合實(shí)際操作的方式講解如何刪除數(shù)組元素。案例需求：在班級(jí)管理中，老師為了幫助到每一位學(xué)生，經(jīng)常會(huì)在考試之后邀請(qǐng)分?jǐn)?shù)較高的同學(xué)為大家分享學(xué)習(xí)經(jīng)驗(yàn)和學(xué)習(xí)方法，并且會(huì)為分?jǐn)?shù)較低的學(xué)生分析原因。本案例將實(shí)現(xiàn)查找班級(jí)最高分和最低分。實(shí)現(xiàn)思路：把所有學(xué)生的考試成績(jī)保存到數(shù)組中，通過(guò)查找數(shù)組中最大值和最小值找到分?jǐn)?shù)最高和分?jǐn)?shù)最低的學(xué)生。假設(shè)數(shù)組中第一個(gè)元素為最大值，然后使用for語(yǔ)句從數(shù)組索引為1的元素開(kāi)始遍歷到最后一個(gè)元素，將當(dāng)前元素與預(yù)先設(shè)置的最大值比較，如果當(dāng)前元素比最大值大，那就將當(dāng)前元素設(shè)置為最大值，再繼續(xù)比較下一個(gè)元素，遍歷完成后即可找到最大值。查找最小值的方法與找最大值的方法類似。編寫代碼實(shí)現(xiàn)案例。四、歸納總結(jié)教師回顧本節(jié)課所講的知識(shí)，并通過(guò)測(cè)試題的方式引導(dǎo)學(xué)生解答問(wèn)題并給予指導(dǎo)。五、布置作業(yè)教師通過(guò)高校教輔平臺(tái)（）布置本節(jié)課作業(yè)以及下節(jié)課的預(yù)習(xí)作業(yè)。第三課時(shí)（什么是二維數(shù)組、創(chuàng)建與遍歷二維數(shù)組、【案例】二維數(shù)組轉(zhuǎn)置）一、復(fù)習(xí)鞏固教師通過(guò)上節(jié)課作業(yè)的完成情況，對(duì)學(xué)生吸收不好的知識(shí)點(diǎn)進(jìn)行再次鞏固講解。二、通過(guò)需求引入的方式導(dǎo)入新課根據(jù)維數(shù)，數(shù)組可以劃分為一維數(shù)組、二維數(shù)組、三維數(shù)組等。日常開(kāi)發(fā)中，有時(shí)使用一維數(shù)組不能滿足程序的需求，例如班級(jí)中每名學(xué)生的各科成績(jī)，這時(shí)就可以利用二維數(shù)組來(lái)實(shí)現(xiàn)。本節(jié)課對(duì)二維數(shù)組進(jìn)行講解。三、新課講解知識(shí)點(diǎn)1-什么是二維數(shù)組教師通過(guò)PPT的方式講解什么是二維數(shù)組。一維數(shù)組的概念。二維數(shù)組的概念。知識(shí)點(diǎn)2-創(chuàng)建與遍歷二維數(shù)組教師通過(guò)PPT結(jié)合實(shí)際操作的方式講解如何創(chuàng)建與遍歷二維數(shù)組。創(chuàng)建二維數(shù)組。使用newArray()方式創(chuàng)建。使用數(shù)組字面量方式創(chuàng)建。通過(guò)案例演示二維數(shù)組的遍歷。知識(shí)點(diǎn)3-【案例】二維數(shù)組轉(zhuǎn)置教師通過(guò)PPT結(jié)合實(shí)際操作的方式講解【案例】二維數(shù)組轉(zhuǎn)置。案例需求：將二維數(shù)組中的橫向元素轉(zhuǎn)換為縱向元素。實(shí)現(xiàn)思路：二維數(shù)組轉(zhuǎn)置公式為res[i][j]=arr[j][i]，且res數(shù)組的長(zhǎng)度等于arr元素（如arr[0]）的長(zhǎng)度，res元素（如res[0]）的長(zhǎng)度等于arr數(shù)組的長(zhǎng)度。編寫代碼實(shí)現(xiàn)案例。四、歸納總結(jié)教師回顧本節(jié)課所講的知識(shí)，并通過(guò)測(cè)試題的方式引導(dǎo)學(xué)生解答問(wèn)題并給予指導(dǎo)。五、布置作業(yè)教師通過(guò)高校教輔平臺(tái)（）布置本節(jié)課作業(yè)以及下節(jié)課的預(yù)習(xí)作業(yè)。第四課時(shí)（冒泡排序、插入排序）一、復(fù)習(xí)鞏固教師通過(guò)上節(jié)課作業(yè)的完成情況，對(duì)學(xué)生吸收不好的知識(shí)點(diǎn)進(jìn)行再次鞏固講解。二、通過(guò)需求引入的方式導(dǎo)入新課在開(kāi)發(fā)中，有時(shí)需要對(duì)數(shù)組進(jìn)行排序，例如數(shù)組中存有一組數(shù)字，需要將這組數(shù)據(jù)從小到大或從大到小排列，這時(shí)就需要對(duì)數(shù)組進(jìn)行排序。本節(jié)課將講解冒泡排序和插入排序這兩種數(shù)組排序的算法。三、新課講解知識(shí)點(diǎn)1-冒泡排序教師通過(guò)PPT結(jié)合實(shí)際操作的方式講解冒泡排序。冒泡排序的基本規(guī)則。冒泡排序的執(zhí)行過(guò)程。通過(guò)案例演示冒泡排序。知識(shí)點(diǎn)2-插入排序教師通過(guò)PPT結(jié)合實(shí)際操作的方式講解插入排序。插入排序的基本規(guī)則。插入排序的執(zhí)行過(guò)程。通過(guò)案例演示插入排序。四、歸納總結(jié)教師回顧本節(jié)課所講的知識(shí)，并通過(guò)測(cè)試題的方式引導(dǎo)學(xué)生解答問(wèn)題并給予指導(dǎo)。五、布置作業(yè)教師通過(guò)高校教輔平臺(tái)（）布置本節(jié)課作業(yè)以及下節(jié)課的預(yù)習(xí)作業(yè)。第五課時(shí)（上機(jī)練習(xí)）上機(jī)練習(xí)主要針對(duì)本章中需要重點(diǎn)掌握的知識(shí)點(diǎn)，以及在程序中容易出錯(cuò)的內(nèi)容進(jìn)行練習(xí)，通過(guò)上機(jī)練習(xí)可以考察同學(xué)對(duì)知識(shí)點(diǎn)的掌握情況，對(duì)代碼的熟練程度。上機(jī)一：（考察知識(shí)點(diǎn)為動(dòng)手實(shí)踐：統(tǒng)計(jì)每位學(xué)生的總成績(jī)）形式：?jiǎn)为?dú)完成題目：統(tǒng)計(jì)